@nice2dev/icons 1.3.15 → 1.3.17

package/dist/esm/iconValue.js

@@ -1,470 +1,402 @@
-import { parseIconHtml } from './iconHtml.js';
-import { iconDisplayName, stackChildrenOf } from './iconStack.js';
-
-/**
- * An icon — or a stack of icons — kept as short text (1.3.10): what NiceIconPicker stores with
- * `valueFormat="name"` (the default) or `"json"`, as short as a database value can be and still be
- * read by people.
- *
- * **The code** (`'name'`) — a plain icon is its name (`NtdFolder`); a stack nests like a function
- * call, the parent first, each setting behind a sign of its own:
- *
- * ```
- * Folder(Star@tr)                        a star in the folder's top-right corner
- * Bell(Circle@tr'3')                     a circle with "3" in the bell's corner
- * Folder(Star@tr%40^15,Lock@bl)          two icons in the folder: 40 %, turned 15°; a lock
- * User:o(Circle@br#2a2{count}'5'#fff)    an outline user, a green circle bound to `count`
- * ```
- *
- * | sign | meaning | example |
- * |---|---|---|
- * | `( , )` | what sits in the icon, side by side | `Folder(Star,Lock)` |
- * | `:` | variant — `so` solid, `sh` sharp, `o` outline, `w` wireframe, `d` duotone, `c` cutout, `r` rounded, `m` mini, `3d`, `v` vivid | `:o` |
- * | `@` | position in the parent — `c t b l r tl tr bl br`, `h…` halfway (`ht`, `hbr`…); the parent's own spot when absent | `@tr` |
- * | `%` | size, percent of the parent | `%40` |
- * | `^` | turn, degrees clockwise | `^-30` |
- * | `~` | nudge right / down, percent of the parent | `~5/-3` |
- * | `#` | colours: primary, secondary, accent (`##0f0` — secondary only) | `#2a2` |
- * | `'…'` | text; `#` and `%` after it are the text's colour and size | `'3'#fff%60` |
- * | `{…}` | the value the text is bound to (the text after it is a sample) | `{count}'5'` |
- *
- * Names drop `Ntd` inside a stack. A name or colour holding any of the signs goes in backticks
- * (`` `fa:home` ``); `\` escapes inside quotes.
- *
- * **JSON** (`'json'`) — the same tree as JsonML: `["Folder",["Star",{"a":"tr"}]]`, a node being
- * `[name, {settings}?, ...nodes, "text"?]` with the settings `v a s r x y p sc ac b tc ts` written
- * as in the code; a plain icon is its name as a JSON string.
- */
+import { parseIconHtml } from "./iconHtml.js";
+import { iconDisplayName, stackChildrenOf } from "./iconStack.js";
 const VARIANT_CODE = {
-    solid: 'so',
-    sharp: 'sh',
-    outline: 'o',
-    wireframe: 'w',
-    duotone: 'd',
-    cutout: 'c',
-    rounded: 'r',
-    mini: 'm',
-    '3d': '3d',
-    vivid: 'v',
+  solid: "so",
+  sharp: "sh",
+  outline: "o",
+  wireframe: "w",
+  duotone: "d",
+  cutout: "c",
+  rounded: "r",
+  mini: "m",
+  "3d": "3d",
+  vivid: "v"
 };
 const ALIGN_CODE = {
-    center: 'c',
-    top: 't',
-    bottom: 'b',
-    left: 'l',
-    right: 'r',
-    'top-left': 'tl',
-    'top-right': 'tr',
-    'bottom-left': 'bl',
-    'bottom-right': 'br',
-    'half-top': 'ht',
-    'half-bottom': 'hb',
-    'half-left': 'hl',
-    'half-right': 'hr',
-    'half-top-left': 'htl',
-    'half-top-right': 'htr',
-    'half-bottom-left': 'hbl',
-    'half-bottom-right': 'hbr',
+  center: "c",
+  top: "t",
+  bottom: "b",
+  left: "l",
+  right: "r",
+  "top-left": "tl",
+  "top-right": "tr",
+  "bottom-left": "bl",
+  "bottom-right": "br",
+  "half-top": "ht",
+  "half-bottom": "hb",
+  "half-left": "hl",
+  "half-right": "hr",
+  "half-top-left": "htl",
+  "half-top-right": "htr",
+  "half-bottom-left": "hbl",
+  "half-bottom-right": "hbr"
 };
-/** A code or a full name → the value; an unknown one (a newer writer's) reads as unset. */
 function reverse(codes) {
-    const map = new Map();
-    for (const [full, code] of Object.entries(codes)) {
-        map.set(code, full);
-        map.set(full, full);
-    }
-    return map;
+  const map = /* @__PURE__ */ new Map();
+  for (const [full, code] of Object.entries(codes)) {
+    map.set(code, full);
+    map.set(full, full);
+  }
+  return map;
 }
 const VARIANTS = reverse(VARIANT_CODE);
-const ALIGNS = reverse({ ...ALIGN_CODE, perfect: 'p' });
-/** The signs of the code; a name or colour holding one of them goes in backticks. */
-const SIGNS = new Set(['(', ')', ',', ':', '@', '%', '^', '~', '#', "'", '{', '}', '`', '\\']);
-/** A plain icon: one layer and nothing set on it but its name. */
+const ALIGNS = reverse({ ...ALIGN_CODE, perfect: "p" });
+const SIGNS = /* @__PURE__ */ new Set(["(", ")", ",", ":", "@", "%", "^", "~", "#", "'", "{", "}", "`", "\\"]);
 function isPlain(layers) {
-    return (layers.length === 1 &&
-        Object.entries(layers[0]).every(([key, value]) => key === 'id' || key === 'icon' || value === undefined));
+  return layers.length === 1 && Object.entries(layers[0]).every(
+    ([key, value]) => key === "id" || key === "icon" || value === void 0
+  );
 }
 function quote(text, mark) {
-    return mark + text.replace(/[\\`']/g, (c) => (c === mark || c === '\\' ? `\\${c}` : c)) + mark;
+  return mark + text.replace(/[\\`']/g, (c) => c === mark || c === "\\" ? `\\${c}` : c) + mark;
 }
 function writeName(name) {
-    const needsQuotes = name === '' ||
-        name !== name.trim() ||
-        [...name].some((c) => SIGNS.has(c)) ||
-        /^["[<]/.test(name);
-    return needsQuotes ? quote(name, '`') : name;
+  const needsQuotes = name === "" || name !== name.trim() || [...name].some((c) => SIGNS.has(c)) || /^["[<]/.test(name);
+  return needsQuotes ? quote(name, "`") : name;
 }
 function writeNumber(n) {
-    return String(Math.round(n * 1000) / 1000);
+  return String(Math.round(n * 1e3) / 1e3);
 }
-/** `#22aa22` → `2a2`, any other hex as is; another colour (`var(--x)`) in backticks. */
 function writeColor(color) {
-    if (!color) {
-        return '';
-    }
-    const hex = /^#([0-9a-f]{3,8})$/i.exec(color);
-    if (!hex) {
-        return quote(color, '`');
-    }
-    const h = hex[1].toLowerCase();
-    return h.length === 6 && h[0] === h[1] && h[2] === h[3] && h[4] === h[5] ? h[0] + h[2] + h[4] : h;
+  if (!color) {
+    return "";
+  }
+  const hex = /^#([0-9a-f]{3,8})$/i.exec(color);
+  if (!hex) {
+    return quote(color, "`");
+  }
+  const h = hex[1].toLowerCase();
+  return h.length === 6 && h[0] === h[1] && h[2] === h[3] && h[4] === h[5] ? h[0] + h[2] + h[4] : h;
 }
 function writeCode(layers, shortName) {
-    const write = (layer, isBase) => {
-        var _a, _b, _c, _d;
-        let out = writeName(shortName(layer.icon));
-        if (layer.variant) {
-            out += `:${(_a = VARIANT_CODE[layer.variant]) !== null && _a !== void 0 ? _a : layer.variant}`;
-        }
-        if (!isBase) {
-            if (layer.align && layer.align !== 'perfect') {
-                out += `@${(_b = ALIGN_CODE[layer.align]) !== null && _b !== void 0 ? _b : layer.align}`;
-            }
-            if (layer.size !== undefined) {
-                out += `%${writeNumber(layer.size * 100)}`;
-            }
-            if (layer.rotation !== undefined) {
-                out += `^${writeNumber(layer.rotation)}`;
-            }
-            if (layer.offsetX || layer.offsetY) {
-                out += `~${writeNumber((_c = layer.offsetX) !== null && _c !== void 0 ? _c : 0)}`;
-                if (layer.offsetY) {
-                    out += `/${writeNumber(layer.offsetY)}`;
-                }
-            }
-        }
-        const colors = [layer.primaryColor, layer.secondaryColor, layer.accentColor];
-        const lastColor = colors.reduce((last, c, i) => (c ? i : last), -1);
-        for (let i = 0; i <= lastColor; i++) {
-            out += `#${writeColor(colors[i])}`;
-        }
-        const bound = !!layer.textBinding && /^[A-Za-z_$][\w$]*$/.test(layer.textBinding);
-        if (bound) {
-            out += `{${layer.textBinding}}`;
-        }
-        // text settings need a text part to follow; an empty text carries them
-        if (layer.text || (!bound && (layer.textColor || layer.textSize !== undefined))) {
-            out += quote((_d = layer.text) !== null && _d !== void 0 ? _d : '', "'");
-        }
-        if (layer.textColor) {
-            out += `#${writeColor(layer.textColor)}`;
-        }
-        if (layer.textSize !== undefined) {
-            out += `%${writeNumber(layer.textSize)}`;
-        }
-        const inner = stackChildrenOf(layers, layer.id);
-        return inner.length > 0 ? `${out}(${inner.map((l) => write(l, false)).join(',')})` : out;
-    };
-    return write(layers[0], true);
+  const write = (layer, isBase) => {
+    let out = writeName(shortName(layer.icon));
+    if (layer.variant) {
+      out += `:${VARIANT_CODE[layer.variant] ?? layer.variant}`;
+    }
+    if (!isBase) {
+      if (layer.align && layer.align !== "perfect") {
+        out += `@${ALIGN_CODE[layer.align] ?? layer.align}`;
+      }
+      if (layer.size !== void 0) {
+        out += `%${writeNumber(layer.size * 100)}`;
+      }
+      if (layer.rotation !== void 0) {
+        out += `^${writeNumber(layer.rotation)}`;
+      }
+      if (layer.offsetX || layer.offsetY) {
+        out += `~${writeNumber(layer.offsetX ?? 0)}`;
+        if (layer.offsetY) {
+          out += `/${writeNumber(layer.offsetY)}`;
+        }
+      }
+    }
+    const colors = [layer.primaryColor, layer.secondaryColor, layer.accentColor];
+    const lastColor = colors.reduce((last, c, i) => c ? i : last, -1);
+    for (let i = 0; i <= lastColor; i++) {
+      out += `#${writeColor(colors[i])}`;
+    }
+    const bound = !!layer.textBinding && /^[A-Za-z_$][\w$]*$/.test(layer.textBinding);
+    if (bound) {
+      out += `{${layer.textBinding}}`;
+    }
+    if (layer.text || !bound && (layer.textColor || layer.textSize !== void 0)) {
+      out += quote(layer.text ?? "", "'");
+    }
+    if (layer.textColor) {
+      out += `#${writeColor(layer.textColor)}`;
+    }
+    if (layer.textSize !== void 0) {
+      out += `%${writeNumber(layer.textSize)}`;
+    }
+    const inner = stackChildrenOf(layers, layer.id);
+    return inner.length > 0 ? `${out}(${inner.map((l) => write(l, false)).join(",")})` : out;
+  };
+  return write(layers[0], true);
 }
 function writeJson(layers, shortName) {
-    const write = (layer, isBase) => {
-        var _a, _b;
-        const s = {};
-        const set = (key, value) => {
-            if (value !== undefined && value !== '' && value !== 0) {
-                s[key] = value;
-            }
-        };
-        set('v', layer.variant && ((_a = VARIANT_CODE[layer.variant]) !== null && _a !== void 0 ? _a : layer.variant));
-        if (!isBase) {
-            if (layer.align && layer.align !== 'perfect') {
-                set('a', (_b = ALIGN_CODE[layer.align]) !== null && _b !== void 0 ? _b : layer.align);
-            }
-            if (layer.size !== undefined) {
-                s.s = Math.round(layer.size * 100000) / 1000;
-            }
-            if (layer.rotation !== undefined) {
-                s.r = layer.rotation;
-            }
-            set('x', layer.offsetX);
-            set('y', layer.offsetY);
-        }
-        set('p', layer.primaryColor);
-        set('sc', layer.secondaryColor);
-        set('ac', layer.accentColor);
-        set('b', layer.textBinding);
-        set('tc', layer.textColor);
-        if (layer.textSize !== undefined) {
-            s.ts = layer.textSize;
-        }
-        const node = [shortName(layer.icon)];
-        if (Object.keys(s).length > 0) {
-            node.push(s);
-        }
-        for (const child of stackChildrenOf(layers, layer.id)) {
-            node.push(write(child, false));
-        }
-        if (layer.text) {
-            node.push(layer.text);
-        }
-        return node;
+  const write = (layer, isBase) => {
+    const s = {};
+    const set = (key, value) => {
+      if (value !== void 0 && value !== "" && value !== 0) {
+        s[key] = value;
+      }
     };
-    return write(layers[0], true);
+    set("v", layer.variant && (VARIANT_CODE[layer.variant] ?? layer.variant));
+    if (!isBase) {
+      if (layer.align && layer.align !== "perfect") {
+        set("a", ALIGN_CODE[layer.align] ?? layer.align);
+      }
+      if (layer.size !== void 0) {
+        s.s = Math.round(layer.size * 1e5) / 1e3;
+      }
+      if (layer.rotation !== void 0) {
+        s.r = layer.rotation;
+      }
+      set("x", layer.offsetX);
+      set("y", layer.offsetY);
+    }
+    set("p", layer.primaryColor);
+    set("sc", layer.secondaryColor);
+    set("ac", layer.accentColor);
+    set("b", layer.textBinding);
+    set("tc", layer.textColor);
+    if (layer.textSize !== void 0) {
+      s.ts = layer.textSize;
+    }
+    const node = [shortName(layer.icon)];
+    if (Object.keys(s).length > 0) {
+      node.push(s);
+    }
+    for (const child of stackChildrenOf(layers, layer.id)) {
+      node.push(write(child, false));
+    }
+    if (layer.text) {
+      node.push(layer.text);
+    }
+    return node;
+  };
+  return write(layers[0], true);
 }
-/**
- * Writes an icon or a stack as short text (1.3.10): `'name'` — a plain icon's name, a stack's code
- * (`Folder(Star@tr)`) — or `'json'` (`["Folder",["Star",{"a":"tr"}]]`). Empty for no layers.
- * `parseIconValue` reads it back; the ids of the layers are not kept.
- */
-function formatIconValue(layers, format = 'name', { shortName = iconDisplayName } = {}) {
-    if (layers.length === 0) {
-        return '';
-    }
-    if (isPlain(layers)) {
-        return format === 'json' ? JSON.stringify(layers[0].icon) : layers[0].icon;
-    }
-    return format === 'json'
-        ? JSON.stringify(writeJson(layers, shortName))
-        : writeCode(layers, shortName);
+function formatIconValue(layers, format = "name", { shortName = iconDisplayName } = {}) {
+  if (layers.length === 0) {
+    return "";
+  }
+  if (isPlain(layers)) {
+    return format === "json" ? JSON.stringify(layers[0].icon) : layers[0].icon;
+  }
+  return format === "json" ? JSON.stringify(writeJson(layers, shortName)) : writeCode(layers, shortName);
 }
-/* ─── Reading ─── */
 class IconValueError extends Error {
 }
-/** Collects the layers in document order, ids `'1'`, `'2'`…; what sits in the base has no parent. */
 class LayerSink {
-    constructor() {
-        this.layers = [];
-    }
-    add(layer, parent, isBase) {
-        const data = isBase
-            ? // where a layer sits means nothing for the base
-                { ...layer, align: undefined, size: undefined, rotation: undefined }
-            : layer;
-        if (isBase || !data.offsetX) {
-            data.offsetX = undefined;
-        }
-        if (isBase || !data.offsetY) {
-            data.offsetY = undefined;
-        }
-        if (data.align === 'perfect') {
-            data.align = undefined;
-        }
-        const id = String(this.layers.length + 1);
-        const clean = Object.fromEntries(Object.entries(data).filter(([, v]) => v !== undefined && v !== ''));
-        this.layers.push({ id, ...clean, ...(parent && parent !== '1' ? { parent } : {}) });
-        return id;
+  constructor() {
+    this.layers = [];
+  }
+  add(layer, parent, isBase) {
+    const data = isBase ? (
+      // where a layer sits means nothing for the base
+      { ...layer, align: void 0, size: void 0, rotation: void 0 }
+    ) : layer;
+    if (isBase || !data.offsetX) {
+      data.offsetX = void 0;
+    }
+    if (isBase || !data.offsetY) {
+      data.offsetY = void 0;
+    }
+    if (data.align === "perfect") {
+      data.align = void 0;
     }
+    const id = String(this.layers.length + 1);
+    const clean = Object.fromEntries(
+      Object.entries(data).filter(([, v]) => v !== void 0 && v !== "")
+    );
+    this.layers.push({ id, ...clean, ...parent && parent !== "1" ? { parent } : {} });
+    return id;
+  }
 }
 function readCode(code) {
-    const sink = new LayerSink();
-    let i = 0;
-    const peek = () => code[i];
-    const skipSpaces = () => {
-        while (i < code.length && /\s/.test(code[i])) {
-            i++;
-        }
-    };
-    const quoted = (mark) => {
+  const sink = new LayerSink();
+  let i = 0;
+  const peek = () => code[i];
+  const skipSpaces = () => {
+    while (i < code.length && /\s/.test(code[i])) {
+      i++;
+    }
+  };
+  const quoted = (mark) => {
+    i++;
+    let out = "";
+    while (i < code.length && code[i] !== mark) {
+      if (code[i] === "\\" && i + 1 < code.length) {
         i++;
-        let out = '';
-        while (i < code.length && code[i] !== mark) {
-            if (code[i] === '\\' && i + 1 < code.length) {
-                i++;
-            }
-            out += code[i];
-            i++;
-        }
-        if (code[i] !== mark) {
-            throw new IconValueError('unclosed quote');
-        }
+      }
+      out += code[i];
+      i++;
+    }
+    if (code[i] !== mark) {
+      throw new IconValueError("unclosed quote");
+    }
+    i++;
+    return out;
+  };
+  const name = () => {
+    skipSpaces();
+    if (peek() === "`") {
+      return quoted("`");
+    }
+    const start = i;
+    while (i < code.length && !SIGNS.has(code[i])) {
+      i++;
+    }
+    const out = code.slice(start, i).trim();
+    if (!out) {
+      throw new IconValueError("name expected");
+    }
+    return out;
+  };
+  const word = () => {
+    const hit = /^[A-Za-z0-9-]*/.exec(code.slice(i))?.[0] ?? "";
+    i += hit.length;
+    return hit;
+  };
+  const number = () => {
+    const hit = /^-?(?:\d+(?:\.\d*)?|\.\d+)/.exec(code.slice(i))?.[0];
+    if (!hit) {
+      throw new IconValueError("number expected");
+    }
+    i += hit.length;
+    return Number(hit);
+  };
+  const color = () => {
+    if (peek() === "`") {
+      return quoted("`");
+    }
+    const hit = /^[0-9a-fA-F]{0,8}/.exec(code.slice(i))?.[0] ?? "";
+    i += hit.length;
+    return hit ? `#${hit.toLowerCase()}` : void 0;
+  };
+  const node = (parent, isBase) => {
+    const layer = { icon: name() };
+    const colors = [];
+    let settings = true;
+    while (settings) {
+      const sign = peek();
+      if (sign === ":" || sign === "@" || sign === "%" || sign === "^" || sign === "~" || sign === "#") {
         i++;
-        return out;
-    };
-    const name = () => {
-        skipSpaces();
-        if (peek() === '`') {
-            return quoted('`');
-        }
-        const start = i;
-        while (i < code.length && !SIGNS.has(code[i])) {
-            i++;
-        }
-        const out = code.slice(start, i).trim();
-        if (!out) {
-            throw new IconValueError('name expected');
-        }
-        return out;
-    };
-    const word = () => {
-        var _a, _b;
-        const hit = (_b = (_a = /^[A-Za-z0-9-]*/.exec(code.slice(i))) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
-        i += hit.length;
-        return hit;
-    };
-    const number = () => {
-        var _a;
-        const hit = (_a = /^-?(?:\d+(?:\.\d*)?|\.\d+)/.exec(code.slice(i))) === null || _a === void 0 ? void 0 : _a[0];
-        if (!hit) {
-            throw new IconValueError('number expected');
-        }
-        i += hit.length;
-        return Number(hit);
-    };
-    const color = () => {
-        var _a, _b;
-        if (peek() === '`') {
-            return quoted('`');
-        }
-        const hit = (_b = (_a = /^[0-9a-fA-F]{0,8}/.exec(code.slice(i))) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '';
-        i += hit.length;
-        return hit ? `#${hit.toLowerCase()}` : undefined;
-    };
-    const node = (parent, isBase) => {
-        const layer = { icon: name() };
-        const colors = [];
-        let settings = true;
-        while (settings) {
-            const sign = peek();
-            if (sign === ':' ||
-                sign === '@' ||
-                sign === '%' ||
-                sign === '^' ||
-                sign === '~' ||
-                sign === '#') {
-                i++;
-            }
-            if (sign === ':') {
-                layer.variant = VARIANTS.get(word());
-            }
-            else if (sign === '@') {
-                layer.align = ALIGNS.get(word());
-            }
-            else if (sign === '%') {
-                layer.size = Math.round(number() * 1000) / 100000;
-            }
-            else if (sign === '^') {
-                layer.rotation = number();
-            }
-            else if (sign === '~') {
-                layer.offsetX = number();
-                if (peek() === '/') {
-                    i++;
-                    layer.offsetY = number();
-                }
-            }
-            else if (sign === '#') {
-                colors.push(color());
-            }
-            else {
-                settings = false;
-            }
-        }
-        [layer.primaryColor, layer.secondaryColor, layer.accentColor] = colors;
-        if (peek() === '{') {
-            const end = code.indexOf('}', i);
-            if (end < 0) {
-                throw new IconValueError('unclosed binding');
-            }
-            layer.textBinding = code.slice(i + 1, end).trim();
-            i = end + 1;
-        }
-        if (peek() === "'") {
-            layer.text = quoted("'");
-        }
-        if (layer.text !== undefined || layer.textBinding) {
-            for (let sign = peek(); sign === '#' || sign === '%'; sign = peek()) {
-                i++;
-                if (sign === '#') {
-                    layer.textColor = color();
-                }
-                else {
-                    layer.textSize = number();
-                }
-            }
+      }
+      if (sign === ":") {
+        layer.variant = VARIANTS.get(word());
+      } else if (sign === "@") {
+        layer.align = ALIGNS.get(word());
+      } else if (sign === "%") {
+        layer.size = Math.round(number() * 1e3) / 1e5;
+      } else if (sign === "^") {
+        layer.rotation = number();
+      } else if (sign === "~") {
+        layer.offsetX = number();
+        if (peek() === "/") {
+          i++;
+          layer.offsetY = number();
+        }
+      } else if (sign === "#") {
+        colors.push(color());
+      } else {
+        settings = false;
+      }
+    }
+    [layer.primaryColor, layer.secondaryColor, layer.accentColor] = colors;
+    if (peek() === "{") {
+      const end = code.indexOf("}", i);
+      if (end < 0) {
+        throw new IconValueError("unclosed binding");
+      }
+      layer.textBinding = code.slice(i + 1, end).trim();
+      i = end + 1;
+    }
+    if (peek() === "'") {
+      layer.text = quoted("'");
+    }
+    if (layer.text !== void 0 || layer.textBinding) {
+      for (let sign = peek(); sign === "#" || sign === "%"; sign = peek()) {
+        i++;
+        if (sign === "#") {
+          layer.textColor = color();
+        } else {
+          layer.textSize = number();
         }
-        const id = sink.add(layer, parent, isBase);
+      }
+    }
+    const id = sink.add(layer, parent, isBase);
+    skipSpaces();
+    if (peek() === "(") {
+      i++;
+      let more = true;
+      while (more) {
+        node(id, false);
         skipSpaces();
-        if (peek() === '(') {
-            i++;
-            let more = true;
-            while (more) {
-                node(id, false);
-                skipSpaces();
-                more = peek() === ',';
-                if (more) {
-                    i++;
-                }
-            }
-            if (peek() !== ')') {
-                throw new IconValueError(') expected');
-            }
-            i++;
-            skipSpaces();
-        }
-    };
-    node(undefined, true);
-    if (i < code.length) {
-        throw new IconValueError('unexpected text');
+        more = peek() === ",";
+        if (more) {
+          i++;
+        }
+      }
+      if (peek() !== ")") {
+        throw new IconValueError(") expected");
+      }
+      i++;
+      skipSpaces();
     }
-    return sink.layers;
+  };
+  node(void 0, true);
+  if (i < code.length) {
+    throw new IconValueError("unexpected text");
+  }
+  return sink.layers;
 }
 function readJson(json) {
-    const parsed = JSON.parse(json);
-    if (typeof parsed === 'string') {
-        return parsed.trim() ? [{ id: '1', icon: parsed }] : null;
-    }
-    const sink = new LayerSink();
-    const str = (v) => (typeof v === 'string' ? v : undefined);
-    const num = (v) => (typeof v === 'number' && Number.isFinite(v) ? v : undefined);
-    const node = (value, parent, isBase) => {
-        var _a, _b;
-        if (!Array.isArray(value) || typeof value[0] !== 'string' || !value[0]) {
-            throw new IconValueError('node expected');
-        }
-        const [icon, ...rest] = value;
-        const first = rest[0];
-        const s = (first && typeof first === 'object' && !Array.isArray(first) ? rest.shift() : {});
-        const text = rest.filter((v) => typeof v === 'string').join('');
-        const size = num(s.s);
-        const id = sink.add({
-            icon,
-            variant: VARIANTS.get((_a = str(s.v)) !== null && _a !== void 0 ? _a : ''),
-            align: ALIGNS.get((_b = str(s.a)) !== null && _b !== void 0 ? _b : ''),
-            size: size === undefined ? undefined : Math.round(size * 1000) / 100000,
-            rotation: num(s.r),
-            offsetX: num(s.x),
-            offsetY: num(s.y),
-            primaryColor: str(s.p),
-            secondaryColor: str(s.sc),
-            accentColor: str(s.ac),
-            text: text || undefined,
-            textBinding: str(s.b),
-            textColor: str(s.tc),
-            textSize: num(s.ts),
-        }, parent, isBase);
-        for (const child of rest) {
-            if (Array.isArray(child)) {
-                node(child, id, false);
-            }
-        }
-    };
-    node(parsed, undefined, true);
-    return sink.layers;
+  const parsed = JSON.parse(json);
+  if (typeof parsed === "string") {
+    return parsed.trim() ? [{ id: "1", icon: parsed }] : null;
+  }
+  const sink = new LayerSink();
+  const str = (v) => typeof v === "string" ? v : void 0;
+  const num = (v) => typeof v === "number" && Number.isFinite(v) ? v : void 0;
+  const node = (value, parent, isBase) => {
+    if (!Array.isArray(value) || typeof value[0] !== "string" || !value[0]) {
+      throw new IconValueError("node expected");
+    }
+    const [icon, ...rest] = value;
+    const first = rest[0];
+    const s = first && typeof first === "object" && !Array.isArray(first) ? rest.shift() : {};
+    const text = rest.filter((v) => typeof v === "string").join("");
+    const size = num(s.s);
+    const id = sink.add(
+      {
+        icon,
+        variant: VARIANTS.get(str(s.v) ?? ""),
+        align: ALIGNS.get(str(s.a) ?? ""),
+        size: size === void 0 ? void 0 : Math.round(size * 1e3) / 1e5,
+        rotation: num(s.r),
+        offsetX: num(s.x),
+        offsetY: num(s.y),
+        primaryColor: str(s.p),
+        secondaryColor: str(s.sc),
+        accentColor: str(s.ac),
+        text: text || void 0,
+        textBinding: str(s.b),
+        textColor: str(s.tc),
+        textSize: num(s.ts)
+      },
+      parent,
+      isBase
+    );
+    for (const child of rest) {
+      if (Array.isArray(child)) {
+        node(child, id, false);
+      }
+    }
+  };
+  node(parsed, void 0, true);
+  return sink.layers;
 }
-/**
- * Reads an icon kept as text (1.3.10) — a name, the code (`Folder(Star@tr)`), JSON or the HTML of
- * NiceIconPicker 1.3.9 — into stack layers (ids `'1'`, `'2'`… in document order). `null` for empty
- * or unreadable text. Names stay as written: `renderIconStack` resolves `Star` to `NtdStar`.
- */
 function parseIconValue(value) {
-    var _a, _b;
-    const text = value === null || value === void 0 ? void 0 : value.trim();
-    if (!text) {
-        return null;
-    }
-    try {
-        if (text.startsWith('<')) {
-            return (_b = (_a = parseIconHtml(text)) === null || _a === void 0 ? void 0 : _a.layers) !== null && _b !== void 0 ? _b : null;
-        }
-        if (text.startsWith('[') || text.startsWith('"')) {
-            return readJson(text);
-        }
-        return readCode(text);
+  const text = value?.trim();
+  if (!text) {
+    return null;
+  }
+  try {
+    if (text.startsWith("<")) {
+      return parseIconHtml(text)?.layers ?? null;
     }
-    catch (_c) {
-        return null;
+    if (text.startsWith("[") || text.startsWith('"')) {
+      return readJson(text);
     }
+    return readCode(text);
+  } catch {
+    return null;
+  }
 }
-
-export { formatIconValue, parseIconValue };
+export {
+  formatIconValue,
+  parseIconValue
+};