botc-character-sheet 0.8.1 → 0.9.1

package/README.md

@@ -35,7 +35,7 @@ function App() {
         showSwirls={true}
         solidTitle={false}
         iconScale={1.6}
-        compactAppearance={false}
+        appearance="normal"
       />
       <SheetBack
         title="My Custom Script"
@@ -62,7 +62,7 @@ Main character sheet component with parchment background and styled sections.
 - `showSwirls` (boolean): Show decorative swirls (default: true)
 - `solidTitle` (boolean): Use solid title background (default: false)
 - `iconScale` (number): Scale character icons (default: 1.6)
-- `compactAppearance` (boolean): Use compact layout (default: false)
+- `appearance` ("normal" | "compact" | "super-compact"): Layout density (default: "normal")
 - `includeMargins` (boolean): Add margins for printing (default: false)
 
 ### SheetBack

package/dist/CharacterSheet.d.ts

@@ -1,4 +1,3 @@
-import "./CharacterSheet.css";
 import { GroupedCharacters, Jinx } from "./types";
 interface CharacterSheetProps {
     title: string;
@@ -10,8 +9,8 @@ interface CharacterSheetProps {
     includeMargins?: boolean;
     solidTitle?: boolean;
     iconScale?: number;
-    compactAppearance?: boolean;
+    appearance?: "normal" | "compact" | "super-compact";
 }
-export declare function CharacterSheet({ title, author, characters, color, jinxes, showSwirls, includeMargins, solidTitle, iconScale, compactAppearance, }: CharacterSheetProps): import("preact").JSX.Element;
+export declare function CharacterSheet({ title, author, characters, color, jinxes, showSwirls, includeMargins, solidTitle, iconScale, appearance, }: CharacterSheetProps): import("preact").JSX.Element;
 export {};
 //# sourceMappingURL=CharacterSheet.d.ts.map

package/dist/CharacterSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CharacterSheet.d.ts","sourceRoot":"","sources":["../src/CharacterSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAqB,MAAM,SAAS,CAAC;AAErE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,IAAI,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,UAAU,EACV,KAAiB,EACjB,MAAW,EACX,UAAiB,EACjB,cAAsB,EACtB,UAAkB,EAClB,SAAe,EACf,iBAAyB,GAC1B,EAAE,mBAAmB,gCAkGrB"}
+{"version":3,"file":"CharacterSheet.d.ts","sourceRoot":"","sources":["../src/CharacterSheet.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAqB,MAAM,SAAS,CAAC;AAErE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,IAAI,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,eAAe,CAAC;CACrD;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,UAAU,EACV,KAAiB,EACjB,MAAW,EACX,UAAiB,EACjB,cAAsB,EACtB,UAAkB,EAClB,SAAe,EACf,UAAqB,GACtB,EAAE,mBAAmB,gCAkGrB"}

package/dist/SheetBack.d.ts

@@ -1,4 +1,3 @@
-import "./SheetBack.css";
 import { NightOrderEntry } from "./types";
 type SheetBackProps = {
     title: string;

package/dist/SheetBack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SheetBack.d.ts","sourceRoot":"","sources":["../src/SheetBack.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0GAQvB,cAAc,iCAsDhB,CAAC"}
+{"version":3,"file":"SheetBack.d.ts","sourceRoot":"","sources":["../src/SheetBack.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0GAQvB,cAAc,iCAyDhB,CAAC"}

package/dist/index.js

@@ -1,77 +1,77 @@
-import { options as p, Fragment as u } from "preact";
-var y = 0;
-function e(i, n, r, s, t, o) {
-  n || (n = {});
-  var l, d, c = n;
-  if ("ref" in c) for (d in c = {}, n) d == "ref" ? l = n[d] : c[d] = n[d];
-  var a = { type: i, props: c, key: r, ref: l, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --y, __i: -1, __u: 0, __source: t, __self: o };
-  if (typeof i == "function" && (l = i.defaultProps)) for (d in l) c[d] === void 0 && (c[d] = l[d]);
-  return p.vnode && p.vnode(a), a;
+import { options as v, Fragment as u } from "preact";
+var w = 0;
+function e(i, s, a, n, t, l) {
+  s || (s = {});
+  var c, m, o = s;
+  if ("ref" in o) for (m in o = {}, s) m == "ref" ? c = s[m] : o[m] = s[m];
+  var r = { type: i, props: o, key: a, ref: c, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --w, __i: -1, __u: 0, __source: t, __self: l };
+  if (typeof i == "function" && (c = i.defaultProps)) for (m in c) o[m] === void 0 && (o[m] = c[m]);
+  return v.vnode && v.vnode(r), r;
 }
-function _(i) {
+function C(i) {
   if (i.startsWith("#") && (i = i.slice(1)), i.length === 3 && (i = i.split("").map((t) => t + t).join("")), i.length !== 6)
     throw new Error("Invalid HEX color.");
-  const n = parseInt(i.slice(0, 2), 16), r = parseInt(i.slice(2, 4), 16), s = parseInt(i.slice(4, 6), 16);
-  return [n, r, s];
+  const s = parseInt(i.slice(0, 2), 16), a = parseInt(i.slice(2, 4), 16), n = parseInt(i.slice(4, 6), 16);
+  return [s, a, n];
 }
-function w(i, n, r) {
-  const s = (t) => {
-    const o = t.toString(16);
-    return o.length === 1 ? "0" + o : o;
+function M(i, s, a) {
+  const n = (t) => {
+    const l = t.toString(16);
+    return l.length === 1 ? "0" + l : l;
   };
-  return `#${s(i)}${s(n)}${s(r)}`;
+  return `#${n(i)}${n(s)}${n(a)}`;
 }
-function C(i, n) {
-  const [r, s, t] = _(i), o = Math.round(r * n), l = Math.round(s * n), d = Math.round(t * n);
-  return w(o, l, d);
+function S(i, s) {
+  const [a, n, t] = C(i), l = Math.round(a * s), c = Math.round(n * s), m = Math.round(t * s);
+  return M(l, c, m);
 }
-function B({
+function H({
   title: i,
-  author: n,
-  characters: r,
-  color: s = "#4a5568",
+  author: s,
+  characters: a,
+  color: n = "#4a5568",
   jinxes: t = [],
-  showSwirls: o = !0,
-  includeMargins: l = !1,
-  solidTitle: d = !1,
-  iconScale: c = 1.6,
-  compactAppearance: a = !1
+  showSwirls: l = !0,
+  includeMargins: c = !1,
+  solidTitle: m = !1,
+  iconScale: o = 1.6,
+  appearance: r = "normal"
 }) {
-  const m = [
+  const d = [
     {
       key: "townsfolk",
       title: "Townsfolk",
-      chars: r.townsfolk,
+      chars: a.townsfolk,
       color: "#00469e"
     },
     {
       key: "outsider",
       title: "Outsiders",
-      chars: r.outsider,
+      chars: a.outsider,
       color: "#00469e"
     },
     {
       key: "minion",
       title: "Minions",
-      chars: r.minion,
+      chars: a.minion,
       color: "#580709"
     },
     {
       key: "demon",
       title: "Demons",
-      chars: r.demon,
+      chars: a.demon,
       color: "#580709"
     }
-  ].filter((h) => h.chars.length > 0), g = C(s, 0.4);
+  ].filter((h) => h.chars.length > 0), g = S(n, 0.4);
   return /* @__PURE__ */ e(
     "div",
     {
       className: "character-sheet",
       id: "character-sheet",
       style: {
-        "--header-color-light": s,
+        "--header-color-light": n,
         "--header-color-dark": g,
-        transform: l ? "scale(0.952)" : void 0
+        transform: c ? "scale(0.952)" : void 0
       },
       children: [
         /* @__PURE__ */ e(
@@ -81,44 +81,44 @@ function B({
             src: "/images/parchment_texture_a4_lightened.jpg"
           }
         ),
-        /* @__PURE__ */ e(S, { color: s }),
+        /* @__PURE__ */ e(A, { color: n }),
         /* @__PURE__ */ e("div", { className: "sheet-content", children: [
           /* @__PURE__ */ e(
-            M,
+            j,
             {
-              showSwirls: o,
+              showSwirls: l,
               title: i,
-              author: n,
-              solidHeader: d
+              author: s,
+              solidHeader: m
             }
           ),
           /* @__PURE__ */ e("div", { className: "characters-grid", children: [
-            m.map((h, b) => /* @__PURE__ */ e(u, { children: [
+            d.map((h, p) => /* @__PURE__ */ e(u, { children: [
               /* @__PURE__ */ e(
-                j,
+                D,
                 {
                   title: h.title.toUpperCase(),
                   characters: h.chars,
-                  sidebarColor: s,
+                  sidebarColor: n,
                   charNameColor: h.color,
-                  iconScale: c,
-                  compactAppearance: a
+                  iconScale: o,
+                  appearance: r
                 },
                 h.key
               ),
-              b < m.length - 1 && /* @__PURE__ */ e("img", { src: "/images/divider.png", className: "section-divider" })
+              p < d.length - 1 && /* @__PURE__ */ e("img", { src: "/images/divider.png", className: "section-divider" })
             ] })),
             t.length > 0 && /* @__PURE__ */ e(u, { children: [
               /* @__PURE__ */ e("img", { src: "/images/divider.png", className: "section-divider" }),
               /* @__PURE__ */ e(
-                D,
+                W,
                 {
                   jinxes: t,
                   allCharacters: [
-                    ...r.townsfolk,
-                    ...r.outsider,
-                    ...r.minion,
-                    ...r.demon
+                    ...a.townsfolk,
+                    ...a.outsider,
+                    ...a.minion,
+                    ...a.demon
                   ]
                 }
               )
@@ -137,13 +137,13 @@ function B({
     }
   );
 }
-function M({
+function j({
   showSwirls: i,
-  title: n,
-  author: r,
-  solidHeader: s = !1
+  title: s,
+  author: a,
+  solidHeader: n = !1
 }) {
-  return console.log("title:", n), /* @__PURE__ */ e(u, { children: [
+  return console.log("title:", s), /* @__PURE__ */ e(u, { children: [
     /* @__PURE__ */ e("h1", { className: "sheet-header", children: [
       i && /* @__PURE__ */ e(
         "img",
@@ -156,9 +156,9 @@ function M({
         "span",
         {
           style: {
-            mixBlendMode: s ? "normal" : "multiply"
+            mixBlendMode: n ? "normal" : "multiply"
           },
-          children: n
+          children: s
         }
       ),
       i && /* @__PURE__ */ e(
@@ -169,136 +169,129 @@ function M({
         }
       )
     ] }),
-    r && /* @__PURE__ */ e("h2", { className: "sheet-author", children: [
+    a && /* @__PURE__ */ e("h2", { className: "sheet-author", children: [
       "by ",
-      r
+      a
     ] })
   ] });
 }
-function S({ color: i }) {
+function A({ color: i }) {
   return /* @__PURE__ */ e("div", { className: "sidebar-container", children: [
     /* @__PURE__ */ e("div", { className: "sidebar-background" }),
     /* @__PURE__ */ e("div", { className: "sidebar-overlay", style: { backgroundColor: i } })
   ] });
 }
-function j({
+function D({
   title: i,
-  characters: n,
-  charNameColor: r,
-  iconScale: s,
-  compactAppearance: t = !1
+  characters: s,
+  charNameColor: a,
+  iconScale: n,
+  appearance: t = "normal"
 }) {
-  const o = n.length > 8 ? "space-between" : "flex-start";
+  const l = s.length > 8 ? "space-between" : "flex-start";
   return /* @__PURE__ */ e("div", { className: "character-section", children: [
     /* @__PURE__ */ e("h2", { className: "section-title", children: i }),
     /* @__PURE__ */ e("div", { className: "character-list", children: [
-      /* @__PURE__ */ e("div", { className: "character-column", children: n.slice(0, Math.ceil(n.length / 2)).map((l) => /* @__PURE__ */ e(
-        v,
+      /* @__PURE__ */ e("div", { className: "character-column", children: s.slice(0, Math.ceil(s.length / 2)).map((c) => /* @__PURE__ */ e(
+        N,
         {
-          character: l,
-          color: r,
-          iconScale: s,
-          compactAppearance: t
+          character: c,
+          color: a,
+          iconScale: n,
+          appearance: t
         },
-        l.id
+        c.id
       )) }),
-      /* @__PURE__ */ e("div", { className: "character-column", style: { justifyContent: o }, children: n.slice(Math.ceil(n.length / 2), n.length).map((l) => /* @__PURE__ */ e(
-        v,
+      /* @__PURE__ */ e("div", { className: "character-column", style: { justifyContent: l }, children: s.slice(Math.ceil(s.length / 2), s.length).map((c) => /* @__PURE__ */ e(
+        N,
         {
-          character: l,
-          color: r,
-          iconScale: s,
-          compactAppearance: t
+          character: c,
+          color: a,
+          iconScale: n,
+          appearance: t
         },
-        l.id
+        c.id
       )) })
     ] })
   ] });
 }
-function v({
+function N({
   character: i,
-  color: n,
-  iconScale: r,
-  compactAppearance: s = !1
+  color: s,
+  iconScale: a,
+  appearance: n = "normal"
 }) {
-  const t = () => i.wiki_image ? i.wiki_image : i.image ? typeof i.image == "string" ? i.image : i.image[0] : null, o = (d) => {
-    const c = d.match(/^(.*?)(\[.*?\])$/);
-    if (c) {
-      const [, a, m] = c;
+  const t = () => i.wiki_image ? i.wiki_image : i.image ? typeof i.image == "string" ? i.image : i.image[0] : null, l = (h) => {
+    const p = h.match(/^(.*?)(\[.*?\])$/);
+    if (p) {
+      const [, y, _] = p;
       return /* @__PURE__ */ e(u, { children: [
-        a,
-        /* @__PURE__ */ e("strong", { className: "setup-ability", children: m })
+        y,
+        /* @__PURE__ */ e("strong", { className: "setup-ability", children: _ })
       ] });
     }
-    return d;
-  }, l = t();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: "character-card",
-      style: { marginBottom: s ? "1mm" : void 0 },
-      children: [
-        /* @__PURE__ */ e("div", { className: "character-icon-wrapper", children: l ? /* @__PURE__ */ e(
-          "img",
-          {
-            src: l,
-            alt: i.name,
-            className: "character-icon",
-            style: { scale: r.toString() }
-          }
-        ) : /* @__PURE__ */ e(
-          "div",
-          {
-            className: "character-icon-placeholder",
-            style: { color: n, scale: r.toString() },
-            children: i.name.charAt(0)
-          }
-        ) }),
-        /* @__PURE__ */ e("div", { className: "character-info", children: [
-          /* @__PURE__ */ e("h3", { className: "character-name", style: { color: n }, children: i.name }),
-          /* @__PURE__ */ e("p", { className: "character-ability", children: o(i.ability) })
-        ] })
-      ]
-    }
-  );
+    return h;
+  }, c = t(), m = n !== "normal" ? `character-card ${n}` : "character-card", o = n === "super-compact" ? "character-icon super-compact" : "character-icon", r = n === "super-compact" ? "character-icon-placeholder super-compact" : "character-icon-placeholder", d = n === "super-compact" ? "character-name super-compact" : "character-name", g = n === "super-compact" ? "character-ability super-compact" : "character-ability";
+  return /* @__PURE__ */ e("div", { className: m, children: [
+    /* @__PURE__ */ e("div", { className: "character-icon-wrapper", children: c ? /* @__PURE__ */ e(
+      "img",
+      {
+        src: c,
+        alt: i.name,
+        className: o,
+        style: { scale: a.toString() }
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        className: r,
+        style: { color: s, scale: a.toString() },
+        children: i.name.charAt(0)
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: "character-info", children: [
+      /* @__PURE__ */ e("h3", { className: d, style: { color: s }, children: i.name }),
+      /* @__PURE__ */ e("p", { className: g, children: l(i.ability) })
+    ] })
+  ] });
 }
-function D({ jinxes: i, allCharacters: n }) {
-  const r = new Map(
-    n.map((a) => [a.id.toLowerCase(), a])
-  ), s = (a) => a.wiki_image ? a.wiki_image : a.image ? typeof a.image == "string" ? a.image : a.image[0] : null, t = (a, m) => {
-    const g = r.get(a.characters[0]), h = r.get(a.characters[1]);
+function W({ jinxes: i, allCharacters: s }) {
+  const a = new Map(
+    s.map((r) => [r.id.toLowerCase(), r])
+  ), n = (r) => r.wiki_image ? r.wiki_image : r.image ? typeof r.image == "string" ? r.image : r.image[0] : null, t = (r, d) => {
+    const g = a.get(r.characters[0]), h = a.get(r.characters[1]);
     return /* @__PURE__ */ e("div", { className: "jinx-item", children: [
       /* @__PURE__ */ e("div", { className: "jinx-icons", children: [
-        g && /* @__PURE__ */ e("div", { className: "jinx-icon-wrapper", children: s(g) ? /* @__PURE__ */ e(
+        g && /* @__PURE__ */ e("div", { className: "jinx-icon-wrapper", children: n(g) ? /* @__PURE__ */ e(
           "img",
           {
-            src: s(g),
+            src: n(g),
             alt: g.name,
             className: "jinx-icon"
           }
         ) : /* @__PURE__ */ e("div", { className: "jinx-icon-placeholder", children: g.name.charAt(0) }) }),
         /* @__PURE__ */ e("span", { className: "jinx-divider" }),
-        h && /* @__PURE__ */ e("div", { className: "jinx-icon-wrapper", children: s(h) ? /* @__PURE__ */ e(
+        h && /* @__PURE__ */ e("div", { className: "jinx-icon-wrapper", children: n(h) ? /* @__PURE__ */ e(
           "img",
           {
-            src: s(h),
+            src: n(h),
             alt: h.name,
             className: "jinx-icon"
           }
         ) : /* @__PURE__ */ e("div", { className: "jinx-icon-placeholder", children: h.name.charAt(0) }) })
       ] }),
-      /* @__PURE__ */ e("p", { className: "jinx-text", children: a.jinx })
-    ] }, m);
-  }, o = i.length > 4, l = o ? Math.ceil(i.length / 2) : i.length, d = i.slice(0, l), c = i.slice(l);
+      /* @__PURE__ */ e("p", { className: "jinx-text", children: r.jinx })
+    ] }, d);
+  }, l = i.length > 4, c = l ? Math.ceil(i.length / 2) : i.length, m = i.slice(0, c), o = i.slice(c);
   return /* @__PURE__ */ e("div", { className: "jinxes-section", children: [
     /* @__PURE__ */ e("h2", { className: "section-title" }),
-    o ? /* @__PURE__ */ e("div", { className: "jinxes-list jinxes-two-columns", children: [
-      /* @__PURE__ */ e("div", { className: "jinx-column", children: d.map((a, m) => t(a, m)) }),
-      /* @__PURE__ */ e("div", { className: "jinx-column", children: c.map((a, m) => t(a, l + m)) })
-    ] }) : /* @__PURE__ */ e("div", { className: "jinxes-list", children: i.map((a, m) => t(a, m)) })
+    l ? /* @__PURE__ */ e("div", { className: "jinxes-list jinxes-two-columns", children: [
+      /* @__PURE__ */ e("div", { className: "jinx-column", children: m.map((r, d) => t(r, d)) }),
+      /* @__PURE__ */ e("div", { className: "jinx-column", children: o.map((r, d) => t(r, c + d)) })
+    ] }) : /* @__PURE__ */ e("div", { className: "jinxes-list", children: i.map((r, d) => t(r, d)) })
   ] });
 }
-const N = /* @__PURE__ */ new Set([
+const k = /* @__PURE__ */ new Set([
   "the",
   "of",
   "in",
@@ -318,66 +311,66 @@ const N = /* @__PURE__ */ new Set([
   "upon",
   "after",
   "before"
-]), f = (i, n) => N.has(i) || n === 0 && N.has(i.toLowerCase()), W = (i) => i.split(/\s+/).reduce((n, r, s, t) => {
-  const o = f(r, s), l = s > 0 && f(t[s - 1], s - 1);
-  if (s === 0 || o !== l) {
-    const c = [];
-    for (let m = s; m < t.length && f(t[m], m) === o; m++)
-      c.push(t[m]);
-    const a = n.length > 0;
-    n.push(
+]), f = (i, s) => k.has(i) || s === 0 && k.has(i.toLowerCase()), $ = (i) => i.split(/\s+/).reduce((s, a, n, t) => {
+  const l = f(a, n), c = n > 0 && f(t[n - 1], n - 1);
+  if (n === 0 || l !== c) {
+    const o = [];
+    for (let d = n; d < t.length && f(t[d], d) === l; d++)
+      o.push(t[d]);
+    const r = s.length > 0;
+    s.push(
       /* @__PURE__ */ e(
         "span",
         {
-          className: o ? "minor-word" : void 0,
+          className: l ? "minor-word" : void 0,
           children: [
-            a && " ",
-            c.join(" ")
+            r && " ",
+            o.join(" ")
           ]
         },
-        s
+        n
       )
     );
   }
-  return n;
-}, []), H = ({
+  return s;
+}, []), O = ({
   title: i,
-  color: n,
-  includeMargins: r,
-  formatMinorWords: s = !1,
+  color: s,
+  includeMargins: a,
+  formatMinorWords: n = !1,
   displayNightOrder: t = !1,
-  firstNightOrder: o = [],
-  otherNightOrder: l = []
+  firstNightOrder: l = [],
+  otherNightOrder: c = []
 }) => /* @__PURE__ */ e(
   "div",
   {
     className: "sheet-backing",
     style: {
-      transform: r ? "scale(0.952)" : void 0
+      transform: a ? "scale(0.952)" : void 0
     },
     children: [
       /* @__PURE__ */ e("div", { className: "sheet-background", children: [
         /* @__PURE__ */ e("div", { className: "title-container", children: /* @__PURE__ */ e("h1", { children: (() => {
-          const c = i.split("&");
-          return c.map((a, m) => /* @__PURE__ */ e(u, { children: [
-            s ? W(a) : a,
-            m < c.length - 1 && /* @__PURE__ */ e("span", { className: "ampersand", children: "&" })
+          const o = i.split("&");
+          return o.map((r, d) => /* @__PURE__ */ e(u, { children: [
+            n ? $(r) : r,
+            d < o.length - 1 && /* @__PURE__ */ e("span", { className: "ampersand", children: "&" })
           ] }));
         })() }) }),
         t && /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e("div", { className: "night-order-container", children: [
           /* @__PURE__ */ e("div", { className: "night-order", children: [
             /* @__PURE__ */ e("span", { children: "First Night:" }),
-            /* @__PURE__ */ e("div", { className: "night-icons", children: o.map((c) => /* @__PURE__ */ e("img", { src: k(c), class: "night-order-icon" })) })
+            /* @__PURE__ */ e("div", { className: "night-icons", children: l.map((o) => {
+              const r = b(o);
+              return r && /* @__PURE__ */ e("img", { src: r, class: "night-order-icon" });
+            }) })
           ] }),
           /* @__PURE__ */ e("div", { className: "night-order", children: [
             /* @__PURE__ */ e("span", { children: "Other Nights:" }),
-            /* @__PURE__ */ e("div", { className: "night-icons", children: l.map((c) => /* @__PURE__ */ e(
-              "img",
-              {
-                src: k(c),
-                class: "night-order-icon"
-              }
-            )) })
+            /* @__PURE__ */ e("div", { className: "night-icons", children: c.map((o) => {
+              const r = b(o);
+              return r && /* @__PURE__ */ e("img", { src: r, class: "night-order-icon" });
+            }) })
           ] })
         ] }) })
       ] }),
@@ -385,19 +378,19 @@ const N = /* @__PURE__ */ new Set([
         "div",
         {
           className: "sheet-back-overlay",
-          style: { backgroundColor: n }
+          style: { backgroundColor: s }
         }
       )
     ]
   }
 );
-function k(i) {
-  return typeof i == "string" ? i === "dawn" ? "/images/dawn-icon.png" : i === "dusk" ? "/images/dusk-icon.png" : i === "minioninfo" ? "/images/minioninfo.png" : "/images/demoninfo.png" : i.wiki_image;
+function b(i) {
+  return typeof i == "string" ? i === "dawn" ? "/images/dawn-icon.png" : i === "dusk" ? "/images/dusk-icon.png" : i === "minioninfo" ? "/images/minioninfo.png" : "/images/demoninfo.png" : typeof i.image == "string" ? i.image : Array.isArray(i.image) && i.image.length ? i.image[0] : i.wiki_image;
 }
 export {
-  B as CharacterSheet,
-  H as SheetBack,
-  C as darken,
-  _ as parseRgb,
-  w as rgbString
+  H as CharacterSheet,
+  O as SheetBack,
+  S as darken,
+  C as parseRgb,
+  M as rgbString
 };

package/dist/style.css

@@ -1 +1 @@
-.character-sheet{width:210mm;min-height:297mm;max-height:297mm;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2d3748;display:flex;overflow:hidden;isolation:isolate}.character-sheet-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.sidebar-container{position:relative}.sidebar-background{background-image:url(/images/sidebar-desaturated-small.jpg);background-size:105mm;width:15mm;height:100%;flex-shrink:0}.sidebar-overlay{position:absolute;top:0;left:0;width:15mm;height:100%;background-color:#0003;pointer-events:none;mix-blend-mode:multiply}.sidebar-section{flex:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;padding:3mm 0}.sidebar-label{font-size:3.5mm;font-weight:600;letter-spacing:.5mm;color:#eee;text-shadow:.3mm .3mm .5mm rgba(0,0,0,.3)}.sheet-content{position:relative;padding:5mm 0 3mm;display:flex;flex-direction:column;min-width:0}.character-column-spacer{min-height:13mm}.sheet-header-container{display:flex;align-items:center}.sheet-header{text-align:center;margin:0 0 4mm;padding:0 10mm;display:flex;align-items:center;justify-content:center}.sheet-header span{font-weight:lighter;letter-spacing:0mm;filter:drop-shadow(.2mm .1mm 0 #222d) drop-shadow(0mm 0mm .1mm #2228);word-spacing:-3mm;background:linear-gradient(-20deg,var(--header-color-light) 50%,var(--header-color-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Unlovable,serif;font-weight:100;font-size:14mm;padding:2mm 4mm;margin:0 -4mm;mix-blend-mode:multiply}.swirl-divider{width:35mm;mix-blend-mode:soft-light}.flip{transform:scaleX(-1)}.sheet-author{font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;font-weight:700;text-align:center;margin:-5mm 0 3mm;color:#333}.characters-grid{display:flex;flex-direction:column;gap:2.5mm;flex:1;padding:0 10mm 0 0}.character-section{display:flex;break-inside:avoid;min-height:20mm}.section-title{font-family:Dumbledor,serif;font-weight:lighter;padding:0 3.5mm;color:#eee;margin:-6mm 0 -6mm -15mm;min-width:15mm;text-align:center;z-index:1;text-orientation:upright;writing-mode:vertical-lr;letter-spacing:-.6mm;font-size:4mm;line-height:2;filter:drop-shadow(.1mm .1mm .3mm #222a) drop-shadow(-.1mm .1mm .3mm #2228) drop-shadow(.1mm -.1mm .3mm #222a) drop-shadow(-.1mm -.1mm .3mm #222a)}.section-divider{height:.8mm;opacity:1;margin-left:-50%;width:150%;mix-blend-mode:soft-light}.character-list{display:flex;margin-left:8mm;gap:5mm}.character-column{flex:1 1 0px;display:flex;flex-direction:column;justify-content:space-between}.character-card{display:flex;align-items:center;gap:2.5mm;break-inside:avoid;margin-bottom:2.5mm}.character-info{padding-left:2mm;display:flex;flex-direction:column}.character-icon-wrapper{display:flex;flex-shrink:0}.character-icon,.character-icon-placeholder{width:13mm;max-height:13mm;object-fit:contain}.character-icon-placeholder{display:flex;align-items:center;justify-content:center;color:#eee;font-weight:700;font-size:6mm}.character-name{font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;font-weight:700;margin:0 0 .5mm;color:#1a202c}.character-ability{font-family:Trade Gothic,Trade Gothic Next,Helvetica Neue,Arial,sans-serif;font-size:3.1mm;line-height:1.2;margin:0;color:#222;display:inline-block}.sheet-footer{text-align:center;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;color:#222;opacity:.7}.asterisk{font-size:5mm}.author-credit{position:absolute;bottom:3mm;right:3mm;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.2mm;color:#222;opacity:.6;text-align:right}.author-credit p{font-size:2.5mm;margin:0}.setup-ability{display:inline-block;white-space:normal;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif}.jinxes-section{display:flex;break-inside:avoid;margin-top:1mm}.jinxes-list{margin-left:8mm;display:flex;flex-direction:column}.jinxes-two-columns{flex-direction:row;gap:5mm}.jinx-column{flex:1;display:flex;flex-direction:column}.jinx-item{display:flex;gap:2.5mm;align-items:center;break-inside:avoid;margin-bottom:2mm}.jinx-icons{display:flex;gap:1mm;flex-shrink:0;align-items:center}.jinx-icon-wrapper{display:flex;flex-shrink:0;align-items:center}.jinx-icon,.jinx-icon-placeholder{width:3.5mm;height:3.5mm;object-fit:contain;scale:2.8}.jinx-icon-placeholder{display:flex;align-items:center;justify-content:center;color:#eee;font-weight:700;font-size:2mm}.jinx-divider{font-family:Dumbledor,serif;font-size:4.6mm;color:#1a202c;line-height:3.5mm;margin:0 .5mm}.jinx-text{font-family:Trade Gothic,Trade Gothic Next,Helvetica Neue,Arial,sans-serif;font-size:2.6mm;line-height:1.2;margin:0;color:#222;padding-top:.5mm}.sheet-backing{position:relative;width:210mm;min-height:297mm;max-height:297mm}.sheet-background{width:210mm;min-height:297mm;max-height:297mm;background-image:url(/images/sidebar-desaturated-small.jpg);background-repeat:repeat;background-size:105mm;display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-back-overlay{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none}.sheet-backing h1{font-family:Unlovable,serif;mix-blend-mode:normal;font-weight:100;font-size:30mm;color:#ae9d7f;text-wrap:wrap;z-index:1;flex-shrink:1;text-align:center;padding:10mm;background-image:url(/images/parchment_texture.jpg);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:100mm;filter:drop-shadow(.5mm .5mm black) drop-shadow(0mm 0mm 1mm black);word-spacing:-10mm;flex:0 1 130mm;display:flex;flex-wrap:wrap;justify-content:center}.sheet-backing h1 .ampersand{font-size:45mm;line-height:30mm;vertical-align:-5mm}.night-order-container{position:absolute;background-image:url(/images/parchment_texture.jpg);background-position:0 -50%;left:0;bottom:20mm;font-family:Dumbledor;z-index:1;background-size:200mm;padding:4mm;box-shadow:inset 0 0 5px #000;display:flex;flex-direction:column;gap:5mm;max-width:185mm}.night-order{z-index:1;display:flex;gap:2mm}.night-order span{color:#222;height:6mm;display:flex;align-items:center;justify-content:flex-end;flex:0 0 23mm}.night-icons{z-index:1;display:flex;align-items:center;gap:2mm;flex-wrap:wrap}.night-order-icon{width:6mm;scale:2.1;filter:drop-shadow(0px 0px 2px #2224)}.title-container{z-index:1;display:flex;justify-content:center}.minor-word{padding:0 8mm;font-size:15mm;word-spacing:-6mm;display:flex}
+.character-sheet{width:210mm;min-height:297mm;max-height:297mm;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#2d3748;display:flex;overflow:hidden;isolation:isolate}.character-sheet-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.sidebar-container{position:relative}.sidebar-background{background-image:url(/images/sidebar-desaturated-small.jpg);background-size:105mm;width:15mm;height:100%;flex-shrink:0}.sidebar-overlay{position:absolute;top:0;left:0;width:15mm;height:100%;background-color:#0003;pointer-events:none;mix-blend-mode:multiply}.sidebar-section{flex:1;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;text-orientation:mixed;padding:3mm 0}.sidebar-label{font-size:3.5mm;font-weight:600;letter-spacing:.5mm;color:#eee;text-shadow:.3mm .3mm .5mm rgba(0,0,0,.3)}.sheet-content{position:relative;padding:5mm 0 3mm;display:flex;flex-direction:column;min-width:0}.character-column-spacer{min-height:13mm}.sheet-header-container{display:flex;align-items:center}.sheet-header{text-align:center;margin:0 0 4mm;padding:0 10mm;display:flex;align-items:center;justify-content:center}.sheet-header span{font-weight:lighter;letter-spacing:0mm;filter:drop-shadow(.2mm .1mm 0 #222d) drop-shadow(0mm 0mm .1mm #2228);word-spacing:-3mm;background:linear-gradient(-20deg,var(--header-color-light) 50%,var(--header-color-dark));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Unlovable,serif;font-weight:100;font-size:14mm;padding:2mm 4mm;margin:0 -4mm;mix-blend-mode:multiply}.swirl-divider{width:35mm;mix-blend-mode:soft-light}.flip{transform:scaleX(-1)}.sheet-author{font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;font-weight:700;text-align:center;margin:-5mm 0 3mm;color:#333}.characters-grid{display:flex;flex-direction:column;gap:2.5mm;flex:1;padding:0 10mm 0 0}.character-section{display:flex;break-inside:avoid;min-height:20mm}.section-title{font-family:Dumbledor,serif;font-weight:lighter;padding:0 3.5mm;color:#eee;margin:-2mm 0 -2mm -15mm;min-width:15mm;text-align:center;z-index:1;text-orientation:upright;writing-mode:vertical-lr;letter-spacing:-.6mm;font-size:4mm;line-height:2;filter:drop-shadow(.1mm .1mm .3mm #222a) drop-shadow(-.1mm .1mm .3mm #2228) drop-shadow(.1mm -.1mm .3mm #222a) drop-shadow(-.1mm -.1mm .3mm #222a)}.section-divider{height:.8mm;opacity:1;margin-left:-50%;width:150%;mix-blend-mode:soft-light}.character-list{display:flex;margin-left:8mm;gap:5mm}.character-column{flex:1 1 0px;display:flex;flex-direction:column;justify-content:space-between}.character-card{display:flex;align-items:center;gap:2.5mm;break-inside:avoid;margin-bottom:2.5mm}.character-info{padding-left:2mm;display:flex;flex-direction:column}.character-icon-wrapper{display:flex;flex-shrink:0}.character-icon,.character-icon-placeholder{width:13mm;max-height:13mm;object-fit:contain}.character-icon-placeholder{display:flex;align-items:center;justify-content:center;color:#eee;font-weight:700;font-size:6mm}.character-name{font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;font-weight:700;margin:0 0 .5mm;color:#1a202c}.character-ability{font-family:Trade Gothic,Trade Gothic Next,Helvetica Neue,Arial,sans-serif;font-size:3.1mm;line-height:1.2;margin:0;color:#222;display:inline-block}.character-card.compact{margin-bottom:1mm}.character-ability.super-compact{font-size:2.7mm}.character-name.super-compact{font-size:3.2mm}.character-icon.super-compact,.character-icon-placeholder.super-compact{width:12mm;max-height:12mm}.character-card.super-compact{margin-bottom:.5mm}.sheet-footer{text-align:center;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.5mm;color:#222;opacity:.7}.asterisk{font-size:5mm}.author-credit{position:absolute;bottom:3mm;right:3mm;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif;font-size:3.2mm;color:#222;opacity:.6;text-align:right}.author-credit p{font-size:2.5mm;margin:0}.setup-ability{display:inline-block;white-space:normal;font-family:Goudy Old Style,Goudy Oldstyle,Goudy,Georgia,serif}.jinxes-section{display:flex;break-inside:avoid;margin-top:1mm}.jinxes-list{margin-left:8mm;display:flex;flex-direction:column}.jinxes-two-columns{flex-direction:row;gap:5mm}.jinx-column{flex:1;display:flex;flex-direction:column}.jinx-item{display:flex;gap:2.5mm;align-items:center;break-inside:avoid;margin-bottom:2mm}.jinx-icons{display:flex;gap:1mm;flex-shrink:0;align-items:center}.jinx-icon-wrapper{display:flex;flex-shrink:0;align-items:center}.jinx-icon,.jinx-icon-placeholder{width:3.5mm;height:3.5mm;object-fit:contain;scale:2.8}.jinx-icon-placeholder{display:flex;align-items:center;justify-content:center;color:#eee;font-weight:700;font-size:2mm}.jinx-divider{font-family:Dumbledor,serif;font-size:4.6mm;color:#1a202c;line-height:3.5mm;margin:0 .5mm}.jinx-text{font-family:Trade Gothic,Trade Gothic Next,Helvetica Neue,Arial,sans-serif;font-size:2.6mm;line-height:1.2;margin:0;color:#222;padding-top:.5mm}.sheet-backing{position:relative;width:210mm;min-height:297mm;max-height:297mm}.sheet-background{width:210mm;min-height:297mm;max-height:297mm;background-image:url(/images/sidebar-desaturated-small.jpg);background-repeat:repeat;background-size:105mm;display:flex;flex-direction:column;align-items:center;justify-content:center}.sheet-back-overlay{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:multiply;pointer-events:none}.sheet-backing h1{font-family:Unlovable,serif;mix-blend-mode:normal;font-weight:100;font-size:30mm;color:#ae9d7f;text-wrap:wrap;z-index:1;flex-shrink:1;text-align:center;padding:10mm;background-image:url(/images/parchment_texture.jpg);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:100mm;filter:drop-shadow(.5mm .5mm black) drop-shadow(0mm 0mm 1mm black);word-spacing:-10mm;flex:0 1 130mm;display:flex;flex-wrap:wrap;justify-content:center}.sheet-backing h1 .ampersand{font-size:45mm;line-height:30mm;vertical-align:-5mm}.night-order-container{position:absolute;background-image:url(/images/parchment_texture.jpg);background-position:0 -50%;left:0;bottom:20mm;font-family:Dumbledor;z-index:1;background-size:200mm;padding:4mm;box-shadow:inset 0 0 5px #000;display:flex;flex-direction:column;gap:5mm;max-width:185mm}.night-order{z-index:1;display:flex;gap:2mm}.night-order span{color:#222;height:6mm;display:flex;align-items:center;justify-content:flex-end;flex:0 0 23mm}.night-icons{z-index:1;display:flex;align-items:center;gap:2mm;flex-wrap:wrap}.night-order-icon{width:6mm;scale:2.1;filter:drop-shadow(0px 0px 2px #2224)}.title-container{z-index:1;display:flex;justify-content:center}.minor-word{padding:0 8mm;font-size:15mm;word-spacing:-6mm;display:flex}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "botc-character-sheet",
-  "version": "0.8.1",
+  "version": "0.9.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -16,14 +16,16 @@
     "dist"
   ],
   "scripts": {
-    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
-    "dev": "vite build --watch"
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist && node scripts/strip-css-imports.js",
+    "dev": "vite build --watch",
+    "prepublishOnly": "bun run build"
   },
   "peerDependencies": {
     "preact": "^10.19.3"
   },
   "devDependencies": {
     "@preact/preset-vite": "^2.8.1",
+    "glob": "^11.0.3",
     "preact": "^10.19.3",
     "typescript": "^5.3.3",
     "vite": "^5.0.8"