@nice2dev/icons 1.3.15 → 1.3.16

package/dist/cjs/iconParts.js

@@ -1,102 +1,132 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var createIcon = require('./createIcon.js');
-
-/**
- * The colour of a detail drawn in secondary on a filled shape (a floppy's label, a ribbon): the
- * secondary colour, but the accent colour in the cutout's mask — there secondary is cut out with
- * the shape and the detail would vanish, while the accent draws in the cut.
- */
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const createIcon = require("./createIcon.js");
 function detailColor({ variant, secondaryColor, accentColor }) {
-    return variant === 'cutout' ? accentColor : secondaryColor;
+  return variant === "cutout" ? accentColor : secondaryColor;
 }
-/**
- * A duotone renderer with its two colours swapped, at full strength (1.3.8) — for a duotone that
- * drew its larger area in secondary (a pale body under a primary outline): the body turns
- * primary, the outline and the details secondary.
- */
 function swapDuotone(render) {
-    return (props) => render({
-        ...props,
-        primaryColor: props.secondaryColor,
-        secondaryColor: props.primaryColor,
-        secondaryOpacity: 1,
-    });
+  return (props) => render({
+    ...props,
+    primaryColor: props.secondaryColor,
+    secondaryColor: props.primaryColor,
+    secondaryOpacity: 1
+  });
 }
-/**
- * `content` drawn only inside `shape` — for accent lines that read as a cut through a shape (a
- * pencil's band, a calendar's header line, an envelope's flap): clipped, they meet the shape's
- * edges flush in every variant, where their round caps used to stick out of it (and `sharp` /
- * `rounded` re-cap every stroke, so caps alone cannot do it).
- *
- * `uid` is the icon's `IconRenderProps.uid`; `name` tells the clips of one icon apart. Without a
- * `uid` — a renderer called outside createIcon — the content is drawn as it is.
- */
 function within(uid, name, shape, content) {
-    if (!uid) {
-        return content;
-    }
-    const id = `${uid}${name}`;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("clipPath", { id: id, children: shape }), jsxRuntime.jsx("g", { clipPath: `url(#${id})`, children: content })] }));
+  if (!uid) {
+    return content;
+  }
+  const id = `${uid}${name}`;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id, children: shape }),
+    /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${id})`, children: content })
+  ] });
 }
-const BELL = 'M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z';
-/** The clapper: a half disc r 3 under the bell (it was a thin arc). */
-const BELL_CLAPPER = 'M9 18.5h6a3 3 0 01-6 0z';
-const BELL_CLAPPER_LINE = 'M9 19a3 3 0 006 0';
-/** NtdBellRing's ring marks, either side of the crown. */
-const BELL_RINGS = 'M2 4l1.5 1.5M22 4l-1.5 1.5';
-/**
- * NtdBell and NtdBellRing, so the two share one bell; `ringing` adds the ring marks. Duotone and
- * vivid are fills only: the bell primary, the clapper secondary. The marks are primary on the solid
- * bell, secondary in duotone and in the accent colour in vivid.
- */
+const BELL = "M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9z";
+const BELL_CLAPPER = "M9 18.5h6a3 3 0 01-6 0z";
+const BELL_CLAPPER_LINE = "M9 19a3 3 0 006 0";
+const BELL_RINGS = "M2 4l1.5 1.5M22 4l-1.5 1.5";
 function bellIcon(displayName, ringing) {
-    const parts = ({ primaryColor, strokeWidth }, detail, rings, ringsOpacity = 1) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: BELL, fill: primaryColor }), jsxRuntime.jsx("path", { d: BELL_CLAPPER, fill: detail }), ringing && (jsxRuntime.jsx("path", { d: BELL_RINGS, stroke: rings, strokeWidth: strokeWidth, opacity: ringsOpacity }))] }));
-    return createIcon.createIcon({
-        displayName,
-        // stacked icons and text go into the bell's body, above the clapper (1.3.8)
-        perfectStackX: 12,
-        perfectStackY: 10.5,
-        perfectStackSize: 0.4,
-        paths: {
-            solid: (props) => parts(props, props.primaryColor, props.primaryColor),
-            outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${BELL}${BELL_CLAPPER_LINE}${ringing ? BELL_RINGS : ''}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-            duotone: (props) => parts(props, props.secondaryColor, props.secondaryColor),
-            vivid: (props) => parts(props, props.secondaryColor, props.accentColor, props.accentOpacity),
-        },
-    });
+  const parts = ({ primaryColor, strokeWidth }, detail, rings, ringsOpacity = 1) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: BELL, fill: primaryColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: BELL_CLAPPER, fill: detail }),
+    ringing && /* @__PURE__ */ jsxRuntime.jsx("path", { d: BELL_RINGS, stroke: rings, strokeWidth, opacity: ringsOpacity })
+  ] });
+  return createIcon.createIcon({
+    displayName,
+    // stacked icons and text go into the bell's body, above the clapper (1.3.8)
+    perfectStackX: 12,
+    perfectStackY: 10.5,
+    perfectStackSize: 0.4,
+    paths: {
+      solid: (props) => parts(props, props.primaryColor, props.primaryColor),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${BELL}${BELL_CLAPPER_LINE}${ringing ? BELL_RINGS : ""}`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      duotone: (props) => parts(props, props.secondaryColor, props.secondaryColor),
+      vivid: (props) => parts(props, props.secondaryColor, props.accentColor, props.accentOpacity)
+    }
+  });
 }
-/** The page of every paper icon: 16 × 20, its top-right corner folded over 8. */
-const PAPER = 'M12 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V10z';
-const PAPER_FOLD = 'M12 2v6a2 2 0 002 2h6z';
-const PAPER_FOLD_LINE = 'M12 2v8h8';
-const PAPER_SHARP = 'M12 2H4v20h16V10z';
-const PAPER_FOLD_SHARP = 'M12 2v8h8z';
-/**
- * A paper icon — NtdFile, and every document drawn on the same page (NtdFileText, NtdInvoice,
- * NtdContract, …), so their pages and folds match. The fold is secondary when the page is filled;
- * `text` is the document's writing, a path of strokes kept below the fold (y ≥ 11, x 7–17),
- * drawn in the accent colour on a filled page (secondary in duotone) and in primary on a stroked one.
- */
-function paperIcon(displayName, text = '') {
-    return createIcon.createIcon({
-        displayName,
-        // stacked icons and text go onto the page below the fold (1.3.8), the same on every paper
-        perfectStackX: 12,
-        perfectStackY: 14,
-        perfectStackSize: 0.5,
-        paths: {
-            solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }), jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }), text && (jsxRuntime.jsx("path", { d: text, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: "1.5", strokeLinecap: "round", fill: "none" }))] })),
-            // square at every corner, the fold included — the derived `sharp` keeps a path's arcs round
-            sharp: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAPER_SHARP, fill: primaryColor }), jsxRuntime.jsx("path", { d: PAPER_FOLD_SHARP, fill: secondaryColor }), text && (jsxRuntime.jsx("path", { d: text, stroke: accentColor, strokeOpacity: accentOpacity, strokeWidth: "1.5", fill: "none" }))] })),
-            outline: ({ primaryColor, strokeWidth }) => (jsxRuntime.jsx("path", { d: `${PAPER}${PAPER_FOLD_LINE}${text}`, stroke: primaryColor, strokeWidth: strokeWidth, fill: "none" })),
-            // duotone (1.3.8): createIcon's default — the solid page, its writing in secondary like the fold
-            vivid: ({ primaryColor, secondaryColor }) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }), jsxRuntime.jsx("path", { d: PAPER, fill: "white", opacity: "0.1" }), jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }), text && (jsxRuntime.jsx("path", { d: text, stroke: "white", strokeOpacity: "0.9", strokeWidth: "1.5", strokeLinecap: "round", fill: "none" }))] })),
-        },
-    });
+const PAPER = "M12 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V10z";
+const PAPER_FOLD = "M12 2v6a2 2 0 002 2h6z";
+const PAPER_FOLD_LINE = "M12 2v8h8";
+const PAPER_SHARP = "M12 2H4v20h16V10z";
+const PAPER_FOLD_SHARP = "M12 2v8h8z";
+function paperIcon(displayName, text = "") {
+  return createIcon.createIcon({
+    displayName,
+    // stacked icons and text go onto the page below the fold (1.3.8), the same on every paper
+    perfectStackX: 12,
+    perfectStackY: 14,
+    perfectStackSize: 0.5,
+    paths: {
+      solid: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }),
+        text && /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: text,
+            stroke: accentColor,
+            strokeOpacity: accentOpacity,
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            fill: "none"
+          }
+        )
+      ] }),
+      // square at every corner, the fold included — the derived `sharp` keeps a path's arcs round
+      sharp: ({ primaryColor, secondaryColor, accentColor, accentOpacity }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_SHARP, fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD_SHARP, fill: secondaryColor }),
+        text && /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: text,
+            stroke: accentColor,
+            strokeOpacity: accentOpacity,
+            strokeWidth: "1.5",
+            fill: "none"
+          }
+        )
+      ] }),
+      outline: ({ primaryColor, strokeWidth }) => /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: `${PAPER}${PAPER_FOLD_LINE}${text}`,
+          stroke: primaryColor,
+          strokeWidth,
+          fill: "none"
+        }
+      ),
+      // duotone (1.3.8): createIcon's default — the solid page, its writing in secondary like the fold
+      vivid: ({ primaryColor, secondaryColor }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: primaryColor }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER, fill: "white", opacity: "0.1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: PAPER_FOLD, fill: secondaryColor }),
+        text && /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: text,
+            stroke: "white",
+            strokeOpacity: "0.9",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            fill: "none"
+          }
+        )
+      ] })
+    }
+  });
 }
-
 exports.bellIcon = bellIcon;
 exports.detailColor = detailColor;
 exports.paperIcon = paperIcon;

package/dist/cjs/iconStack.js

@@ -1,180 +1,161 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-/** A name `textBinding` can take: a JavaScript identifier. */
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
 function isValidTextBinding(name) {
-    return !!name && /^[A-Za-z_$][\w$]*$/.test(name);
+  return !!name && /^[A-Za-z_$][\w$]*$/.test(name);
 }
-/** The id of the layer `layer` sits in, `undefined` for the base. */
 function stackParentId(layers, layer) {
-    var _a, _b;
-    return layer === layers[0] ? undefined : ((_a = layer.parent) !== null && _a !== void 0 ? _a : (_b = layers[0]) === null || _b === void 0 ? void 0 : _b.id);
+  return layer === layers[0] ? void 0 : layer.parent ?? layers[0]?.id;
 }
-/** The layers that sit directly in layer `id`, in order. */
 function stackChildrenOf(layers, id) {
-    return layers.filter((l) => l !== layers[0] && stackParentId(layers, l) === id);
+  return layers.filter((l) => l !== layers[0] && stackParentId(layers, l) === id);
 }
-/** An icon's name as people read it: the export name without `Ntd` — `NtdAlertBell` → `AlertBell`. */
 function iconDisplayName(name) {
-    return name.replace(/^Ntd(?=[A-Z0-9])/, '');
+  return name.replace(/^Ntd(?=[A-Z0-9])/, "");
 }
-/** A short id no layer of the stack has yet: `'1'`, `'2'`… (1.3.9 — it was the icon name and a timestamp). */
 function nextStackLayerId(layers) {
-    const taken = new Set(layers.map((l) => l.id));
-    let n = layers.length + 1;
-    while (taken.has(String(n))) {
-        n += 1;
-    }
-    return String(n);
+  const taken = new Set(layers.map((l) => l.id));
+  let n = layers.length + 1;
+  while (taken.has(String(n))) {
+    n += 1;
+  }
+  return String(n);
 }
-/**
- * Puts an icon on the stack (1.3.9): into layer `into` (the base when absent or unknown), or as the
- * base of an empty stack. Returns the new layers and the new layer's id.
- */
 function addStackLayer(layers, icon, into) {
-    const id = nextStackLayerId(layers);
-    const parent = layers.find((l) => l.id === into);
-    const layer = {
-        id,
-        icon: icon.icon,
-        ...(icon.variant ? { variant: icon.variant } : {}),
-        ...(parent && parent !== layers[0] ? { parent: parent.id } : {}),
-    };
-    return { layers: [...layers, layer], id };
+  const id = nextStackLayerId(layers);
+  const parent = layers.find((l) => l.id === into);
+  const layer = {
+    id,
+    icon: icon.icon,
+    ...icon.variant ? { variant: icon.variant } : {},
+    ...parent && parent !== layers[0] ? { parent: parent.id } : {}
+  };
+  return { layers: [...layers, layer], id };
 }
-/**
- * Takes a layer off the stack (1.3.9; NiceIconStacker's own until then): what sat in it moves up
- * into its parent, and a removed base hands over to its first child.
- */
 function removeStackLayer(layers, id) {
-    const base = layers[0];
-    if (!base) {
-        return [];
-    }
-    if (id !== base.id) {
-        const gone = layers.find((l) => l.id === id);
-        const up = gone ? stackParentId(layers, gone) : undefined;
-        return layers
-            .filter((l) => l.id !== id)
-            .map((l) => (l.parent === id ? { ...l, parent: up === base.id ? undefined : up } : l));
-    }
-    const [heir, ...siblings] = stackChildrenOf(layers, base.id);
-    if (!heir) {
-        return [];
-    }
-    const newBase = {
-        ...heir,
-        parent: undefined,
-        align: undefined,
-        size: undefined,
-        rotation: undefined,
-        offsetX: undefined,
-        offsetY: undefined,
-    };
-    return [
-        newBase,
-        ...layers
-            .filter((l) => l.id !== base.id && l.id !== heir.id)
-            .map((l) => siblings.includes(l)
-            ? { ...l, parent: heir.id }
-            : l.parent === heir.id
-                ? { ...l, parent: undefined }
-                : l),
-    ];
+  const base = layers[0];
+  if (!base) {
+    return [];
+  }
+  if (id !== base.id) {
+    const gone = layers.find((l) => l.id === id);
+    const up = gone ? stackParentId(layers, gone) : void 0;
+    return layers.filter((l) => l.id !== id).map((l) => l.parent === id ? { ...l, parent: up === base.id ? void 0 : up } : l);
+  }
+  const [heir, ...siblings] = stackChildrenOf(layers, base.id);
+  if (!heir) {
+    return [];
+  }
+  const newBase = {
+    ...heir,
+    parent: void 0,
+    align: void 0,
+    size: void 0,
+    rotation: void 0,
+    offsetX: void 0,
+    offsetY: void 0
+  };
+  return [
+    newBase,
+    ...layers.filter((l) => l.id !== base.id && l.id !== heir.id).map(
+      (l) => siblings.includes(l) ? { ...l, parent: heir.id } : l.parent === heir.id ? { ...l, parent: void 0 } : l
+    )
+  ];
 }
-const COLOR_PROPS = ['primaryColor', 'secondaryColor', 'accentColor', 'textColor'];
-/** The stack as JSX: every layer wrapping the layers that sit in it, text innermost. */
+const COLOR_PROPS = ["primaryColor", "secondaryColor", "accentColor", "textColor"];
 function niceIconStackCode(layers) {
-    const base = layers[0];
-    if (!base) {
-        return '';
+  const base = layers[0];
+  if (!base) {
+    return "";
+  }
+  const bound = layers.filter((l) => isValidTextBinding(l.textBinding));
+  const write = (layer, parent, indent) => {
+    const attrs = [
+      // the parent's own spot is the default (1.3.8), so only another position is written
+      parent && layer.align && layer.align !== "perfect" ? `stackAlign="${layer.align}"` : "",
+      parent && layer.size !== void 0 ? `stackSize={${layer.size}}` : "",
+      parent && layer.rotation !== void 0 ? `stackRotation={${layer.rotation}}` : "",
+      parent && layer.offsetX ? `stackOffsetX={${layer.offsetX}}` : "",
+      parent && layer.offsetY ? `stackOffsetY={${layer.offsetY}}` : "",
+      layer.variant && layer.variant !== parent?.variant ? `variant="${layer.variant}"` : "",
+      ...COLOR_PROPS.map((p) => layer[p] ? `${p}="${layer[p]}"` : ""),
+      layer.textSize !== void 0 ? `textSize={${layer.textSize}}` : ""
+    ].filter(Boolean).join(" ");
+    const open = `${layer.icon}${attrs ? ` ${attrs}` : ""}`;
+    const text = isValidTextBinding(layer.textBinding) ? `{${layer.textBinding}}` : layer.text;
+    const inner = stackChildrenOf(layers, layer.id);
+    if (inner.length === 0) {
+      return text ? `${indent}<${open}>${text}</${layer.icon}>` : `${indent}<${open} />`;
     }
-    const bound = layers.filter((l) => isValidTextBinding(l.textBinding));
-    const write = (layer, parent, indent) => {
-        const attrs = [
-            // the parent's own spot is the default (1.3.8), so only another position is written
-            parent && layer.align && layer.align !== 'perfect' ? `stackAlign="${layer.align}"` : '',
-            parent && layer.size !== undefined ? `stackSize={${layer.size}}` : '',
-            parent && layer.rotation !== undefined ? `stackRotation={${layer.rotation}}` : '',
-            parent && layer.offsetX ? `stackOffsetX={${layer.offsetX}}` : '',
-            parent && layer.offsetY ? `stackOffsetY={${layer.offsetY}}` : '',
-            layer.variant && layer.variant !== (parent === null || parent === void 0 ? void 0 : parent.variant) ? `variant="${layer.variant}"` : '',
-            ...COLOR_PROPS.map((p) => (layer[p] ? `${p}="${layer[p]}"` : '')),
-            layer.textSize !== undefined ? `textSize={${layer.textSize}}` : '',
-        ]
-            .filter(Boolean)
-            .join(' ');
-        const open = `${layer.icon}${attrs ? ` ${attrs}` : ''}`;
-        const text = isValidTextBinding(layer.textBinding) ? `{${layer.textBinding}}` : layer.text;
-        const inner = stackChildrenOf(layers, layer.id);
-        if (inner.length === 0) {
-            return text ? `${indent}<${open}>${text}</${layer.icon}>` : `${indent}<${open} />`;
-        }
-        return [
-            `${indent}<${open}>`,
-            ...(text ? [`${indent}  ${text}`] : []),
-            ...inner.map((child) => write(child, layer, `${indent}  `)),
-            `${indent}</${layer.icon}>`,
-        ].join('\n');
-    };
-    const notes = bound.map((l) => `// {${l.textBinding}}: bound text${l.text ? `, e.g. "${l.text}"` : ''}`);
-    return [...notes, write(base, undefined, '')].join('\n');
+    return [
+      `${indent}<${open}>`,
+      ...text ? [`${indent}  ${text}`] : [],
+      ...inner.map((child) => write(child, layer, `${indent}  `)),
+      `${indent}</${layer.icon}>`
+    ].join("\n");
+  };
+  const notes = bound.map(
+    (l) => `// {${l.textBinding}}: bound text${l.text ? `, e.g. "${l.text}"` : ""}`
+  );
+  return [...notes, write(base, void 0, "")].join("\n");
 }
-/**
- * The stack drawn as icons — the base wrapping the layers that sit in it, text innermost (1.3.6).
- * One SVG, as nesting the icons by hand would give.
- */
 function renderIconStack(layers, icons, { baseProps, values } = {}) {
-    const lookup = (name) => (typeof icons === 'function' ? icons(name) : icons[name]);
-    // a stack kept as text names its icons without `Ntd` (1.3.10)
-    const resolve = (name) => { var _a; return (_a = lookup(name)) !== null && _a !== void 0 ? _a : lookup(`Ntd${name}`); };
-    const draw = (layer, parent) => {
-        var _a;
-        const Icon = resolve(layer.icon);
-        if (!Icon) {
-            return null;
-        }
-        const bound = isValidTextBinding(layer.textBinding) ? values === null || values === void 0 ? void 0 : values[layer.textBinding] : undefined;
-        const text = bound !== null && bound !== void 0 ? bound : layer.text;
-        const own = {
-            primaryColor: layer.primaryColor,
-            secondaryColor: layer.secondaryColor,
-            accentColor: layer.accentColor,
-            textColor: layer.textColor,
-            textSize: layer.textSize,
-        };
-        const inner = stackChildrenOf(layers, layer.id).map((child) => draw(child, layer));
-        if (!parent) {
-            const props = { ...baseProps };
-            for (const [k, v] of Object.entries(own)) {
-                if (v !== undefined) {
-                    props[k] = v;
-                }
-            }
-            return (React.createElement(Icon, { ...props, key: layer.id, variant: (_a = layer.variant) !== null && _a !== void 0 ? _a : baseProps === null || baseProps === void 0 ? void 0 : baseProps.variant },
-                inner,
-                text));
-        }
-        return (React.createElement(Icon, { ...own, key: layer.id, stackAlign: layer.align, stackSize: layer.size, stackRotation: layer.rotation, stackOffsetX: layer.offsetX, stackOffsetY: layer.offsetY, variant: layer.variant !== parent.variant ? layer.variant : undefined },
-            inner,
-            text));
+  const lookup = (name) => typeof icons === "function" ? icons(name) : icons[name];
+  const resolve = (name) => lookup(name) ?? lookup(`Ntd${name}`);
+  const draw = (layer, parent) => {
+    const Icon = resolve(layer.icon);
+    if (!Icon) {
+      return null;
+    }
+    const bound = isValidTextBinding(layer.textBinding) ? values?.[layer.textBinding] : void 0;
+    const text = bound ?? layer.text;
+    const own = {
+      primaryColor: layer.primaryColor,
+      secondaryColor: layer.secondaryColor,
+      accentColor: layer.accentColor,
+      textColor: layer.textColor,
+      textSize: layer.textSize
     };
-    return layers[0] ? draw(layers[0], undefined) : null;
+    const inner = stackChildrenOf(layers, layer.id).map((child) => draw(child, layer));
+    if (!parent) {
+      const props = { ...baseProps };
+      for (const [k, v] of Object.entries(own)) {
+        if (v !== void 0) {
+          props[k] = v;
+        }
+      }
+      return /* @__PURE__ */ React.createElement(Icon, { ...props, key: layer.id, variant: layer.variant ?? baseProps?.variant }, inner, text);
+    }
+    return /* @__PURE__ */ React.createElement(
+      Icon,
+      {
+        ...own,
+        key: layer.id,
+        stackAlign: layer.align,
+        stackSize: layer.size,
+        stackRotation: layer.rotation,
+        stackOffsetX: layer.offsetX,
+        stackOffsetY: layer.offsetY,
+        variant: layer.variant !== parent.variant ? layer.variant : void 0
+      },
+      inner,
+      text
+    );
+  };
+  return layers[0] ? draw(layers[0], void 0) : null;
 }
-/**
- * NiceIconStack (1.3.6) — draws a stack kept as data (NiceIconStacker's layers) as one icon, its
- * bound text filled from `values`: `<NiceIconStack layers={stack} icons={icons} values={{ count }} />`.
- * The rest of the props go to the base icon.
- */
-function NiceIconStack({ layers, icons, values, ...baseProps }) {
-    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderIconStack(layers, icons, { baseProps, values }) });
+function NiceIconStack({
+  layers,
+  icons,
+  values,
+  ...baseProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderIconStack(layers, icons, { baseProps, values }) });
 }
-if (process.env.NODE_ENV !== 'production') {
-    NiceIconStack.displayName = 'NiceIconStack';
+if (process.env.NODE_ENV !== "production") {
+  NiceIconStack.displayName = "NiceIconStack";
 }
-
 exports.NiceIconStack = NiceIconStack;
 exports.addStackLayer = addStackLayer;
 exports.iconDisplayName = iconDisplayName;