@scrippsproduct/networks-ui-library 1.1.9 → 1.1.10

package/dist/components/ChoicesItem/ChoicesItem.test.js

@@ -0,0 +1,428 @@
+import { jsx as l } from "react/jsx-runtime";
+import { v as a, d as u, b as k, i as d, r as h, g as s, s as m } from "../../react.esm-DLSrfVwM.mjs";
+import { u as g } from "../../index-BUN4jQ3m.mjs";
+import { C as o } from "../../ChoicesItem-CT9fXB0I.mjs";
+const C = a.fn((i) => i.filter(Boolean).join(" "));
+a.mock("../../utils/helpers", () => ({
+  classes: (i) => C(i)
+}));
+a.mock("./../CustomSelect/CustomSelect.module.scss", () => ({
+  default: {
+    "custom-select__item--selected": "custom-select__item--selected-module",
+    "custom-select__item--highlighted": "custom-select__item--highlighted-module"
+  }
+}));
+u("ChoicesItem Component", () => {
+  k(() => {
+    a.clearAllMocks();
+  });
+  const i = (e) => ({
+    id: "choice-1",
+    parent_id: null,
+    label: "Test Choice",
+    value: "test-value",
+    subcategories: [],
+    status: "normal",
+    selected: !1,
+    ...e
+  });
+  u("Basic Rendering", () => {
+    d("renders li element", () => {
+      const e = i(), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toBeInTheDocument();
+    }), d("renders choice label as text content", () => {
+      const e = i({ label: "My Choice Label" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(m.getByText("My Choice Label")).toBeInTheDocument();
+    }), d("sets id attribute from item.id", () => {
+      const e = i({ id: "choice-123" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).toHaveAttribute("id", "choice-123");
+    }), d("returns JSX.Element", () => {
+      const e = i(), t = a.fn(), c = h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }));
+      s(c.container.firstChild).toBeInstanceOf(HTMLElement);
+    });
+  }), u("Click Handling", () => {
+    d("calls handleOnClick when clicked", async () => {
+      const e = g.setup(), t = i({ id: "choice-1" }), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), s(c).toHaveBeenCalledTimes(1);
+    }), d("passes item.id as string to handleOnClick", async () => {
+      const e = g.setup(), t = i({ id: "choice-abc" }), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), s(c).toHaveBeenCalledWith("choice-abc");
+    }), d("handles numeric id by casting to string", async () => {
+      const e = g.setup(), t = i({ id: 42 }), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), s(c).toHaveBeenCalledWith(42);
+    }), d("calls handleOnClick on each click", async () => {
+      const e = g.setup(), t = i(), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), await e.click(n), await e.click(n), s(c).toHaveBeenCalledTimes(3);
+    }), d("handleOnClick receives consistent id on multiple clicks", async () => {
+      const e = g.setup(), t = i({ id: "same-id" }), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), await e.click(n), s(c).toHaveBeenNthCalledWith(1, "same-id"), s(c).toHaveBeenNthCalledWith(2, "same-id");
+    });
+  }), u("Status Classes - Selected", () => {
+    d("applies selected classes when status is selected", () => {
+      const e = i({ status: "selected" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).toHaveClass("custom-select__item--selected-module"), s(n).toHaveClass("custom-select__item--selected");
+    }), d("does not apply highlighted classes when status is selected", () => {
+      const e = i({ status: "selected" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).not.toHaveClass("custom-select__item--highlighted-module"), s(n).not.toHaveClass("custom-select__item--highlighted");
+    }), d("calls classes helper with selected class strings", () => {
+      const e = i({ status: "selected" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith([
+        "custom-select__item--selected-module custom-select__item--selected",
+        ""
+      ]);
+    });
+  }), u("Status Classes - Highlighted", () => {
+    d("applies highlighted classes when status is highlighted", () => {
+      const e = i({ status: "highlighted" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).toHaveClass("custom-select__item--highlighted-module"), s(n).toHaveClass("custom-select__item--highlighted");
+    }), d("does not apply selected classes when status is highlighted", () => {
+      const e = i({ status: "highlighted" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).not.toHaveClass("custom-select__item--selected-module"), s(n).not.toHaveClass("custom-select__item--selected");
+    }), d("calls classes helper with highlighted class strings", () => {
+      const e = i({ status: "highlighted" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith([
+        "",
+        "custom-select__item--highlighted-module custom-select__item--highlighted"
+      ]);
+    });
+  }), u("Status Classes - Normal", () => {
+    d("does not apply selected or highlighted classes when status is normal", () => {
+      const e = i({ status: "normal" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n == null ? void 0 : n.className).toBe("");
+    }), d("calls classes helper with empty strings for normal status", () => {
+      const e = i({ status: "normal" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith(["", ""]);
+    });
+  }), u("Status Classes - Filtered", () => {
+    d("does not apply selected or highlighted classes when status is filtered", () => {
+      const e = i({ status: "filtered" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n == null ? void 0 : n.className).toBe("");
+    }), d("calls classes helper with empty strings for filtered status", () => {
+      const e = i({ status: "filtered" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith(["", ""]);
+    });
+  }), u("Status Classes - Active", () => {
+    d("does not apply selected or highlighted classes when status is active", () => {
+      const e = i({ status: "active" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n == null ? void 0 : n.className).toBe("");
+    }), d("calls classes helper with empty strings for active status", () => {
+      const e = i({ status: "active" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith(["", ""]);
+    });
+  }), u("Choice Properties", () => {
+    d("handles string id", () => {
+      const e = i({ id: "string-id" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "string-id");
+    }), d("handles number id", () => {
+      const e = i({ id: 123 }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "123");
+    }), d("renders different labels correctly", () => {
+      const e = i({ label: "Different Label" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(m.getByText("Different Label")).toBeInTheDocument();
+    }), d("renders empty label", () => {
+      const e = i({ label: "" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n == null ? void 0 : n.textContent).toBe("");
+    }), d("renders label with special characters", () => {
+      const e = i({ label: 'Label & <tag> "quoted"' }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(m.getByText('Label & <tag> "quoted"')).toBeInTheDocument();
+    }), d("renders very long label", () => {
+      const e = "A".repeat(1e3), t = i({ label: e }), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t })), s(m.getByText(e)).toBeInTheDocument();
+    }), d("handles choice with value property", () => {
+      const e = i({ value: "custom-value" }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice without value property", () => {
+      const e = i({ value: void 0 }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with parent_id", () => {
+      const e = i({ parent_id: "parent-123" }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with null parent_id", () => {
+      const e = i({ parent_id: null }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with subcategories", () => {
+      const e = i({
+        subcategories: [
+          i({ id: "sub-1", label: "Subcategory 1" }),
+          i({ id: "sub-2", label: "Subcategory 2" })
+        ]
+      }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with empty subcategories", () => {
+      const e = i({ subcategories: [] }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with selected property true", () => {
+      const e = i({ selected: !0 }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("handles choice with selected property false", () => {
+      const e = i({ selected: !1 }), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    });
+  }), u("Disabled Prop", () => {
+    d("accepts disabled prop as true", () => {
+      const e = i(), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { disabled: !0, handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("accepts disabled prop as false", () => {
+      const e = i(), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { disabled: !1, handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("accepts disabled prop as undefined", () => {
+      const e = i(), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { disabled: void 0, handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("disabled prop does not affect click handling", async () => {
+      const e = g.setup(), t = i(), c = a.fn();
+      h(/* @__PURE__ */ l(o, { disabled: !0, handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), s(c).toHaveBeenCalled();
+    }), d("disabled prop does not add disabled attribute", () => {
+      const e = i(), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { disabled: !0, handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).not.toHaveAttribute("disabled");
+    }), d("disabled prop does not affect className", () => {
+      const e = i({ status: "selected" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { disabled: !0, handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).toHaveClass("custom-select__item--selected-module"), s(n).toHaveClass("custom-select__item--selected");
+    });
+  }), u("Type Safety", () => {
+    d("accepts valid Choice object", () => {
+      const e = i(), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("accepts handleOnClick with correct signature", () => {
+      const e = i(), t = (c) => {
+        console.warn(c);
+      };
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow();
+    }), d("accepts all valid status values", () => {
+      const e = [
+        "selected",
+        "highlighted",
+        "normal",
+        "filtered",
+        "active"
+      ], t = a.fn();
+      e.forEach((c) => {
+        const n = i({ status: c });
+        s(
+          () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: n }))
+        ).not.toThrow();
+      });
+    }), d("accepts both string and number id types", () => {
+      const e = a.fn(), t = i({ id: "string-id" });
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: e, item: t }))
+      ).not.toThrow();
+      const c = i({ id: 42 });
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: e, item: c }))
+      ).not.toThrow();
+    }), d("accepts optional disabled prop", () => {
+      const e = i(), t = a.fn();
+      s(
+        () => h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }))
+      ).not.toThrow(), s(
+        () => h(/* @__PURE__ */ l(o, { disabled: !0, handleOnClick: t, item: e }))
+      ).not.toThrow();
+    });
+  }), u("Integration Scenarios", () => {
+    d("renders selected item with specific label and id", () => {
+      const e = i({
+        id: "selected-choice",
+        label: "Selected Option",
+        status: "selected"
+      }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n).toHaveAttribute("id", "selected-choice"), s(m.getByText("Selected Option")).toBeInTheDocument(), s(n).toHaveClass("custom-select__item--selected-module");
+    }), d("renders highlighted item and handles click", async () => {
+      const e = g.setup(), t = i({
+        id: "highlighted-choice",
+        label: "Highlighted Option",
+        status: "highlighted"
+      }), c = a.fn(), { container: n } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: c, item: t })
+      ), r = n.querySelector("li");
+      s(r).toHaveClass("custom-select__item--highlighted-module"), await e.click(r), s(c).toHaveBeenCalledWith("highlighted-choice");
+    }), d("switches between status classes on re-render", () => {
+      const e = i({ status: "normal" }), t = a.fn(), { container: c, rerender: n } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      let r = c.querySelector("li");
+      s(r == null ? void 0 : r.className).toBe("");
+      const p = { ...e, status: "selected" };
+      n(/* @__PURE__ */ l(o, { handleOnClick: t, item: p })), r = c.querySelector("li"), s(r).toHaveClass("custom-select__item--selected-module");
+      const f = { ...e, status: "highlighted" };
+      n(/* @__PURE__ */ l(o, { handleOnClick: t, item: f })), r = c.querySelector("li"), s(r).toHaveClass("custom-select__item--highlighted-module"), s(r).not.toHaveClass("custom-select__item--selected-module");
+    }), d("works in list context with multiple items", () => {
+      var r;
+      const e = [
+        i({ id: "1", label: "Option 1", status: "normal" }),
+        i({ id: "2", label: "Option 2", status: "selected" }),
+        i({ id: "3", label: "Option 3", status: "highlighted" })
+      ], t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l("ul", { children: e.map(
+          (p) => /* @__PURE__ */ l(
+            o,
+            {
+              handleOnClick: t,
+              item: p
+            },
+            p.id
+          )
+        ) })
+      ), n = c.querySelectorAll("li");
+      s(n).toHaveLength(3), s((r = n[0]) == null ? void 0 : r.className).toBe(""), s(n[1]).toHaveClass("custom-select__item--selected-module"), s(n[2]).toHaveClass("custom-select__item--highlighted-module");
+    }), d("handles real-world choice with all properties", async () => {
+      const e = g.setup(), t = {
+        id: "category-electronics",
+        parent_id: "category-root",
+        label: "Electronics",
+        value: "electronics",
+        subcategories: [
+          i({ id: "phones", label: "Phones" }),
+          i({ id: "laptops", label: "Laptops" })
+        ],
+        status: "highlighted",
+        selected: !1
+      }, c = a.fn(), { container: n } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: c, item: t })
+      );
+      s(m.getByText("Electronics")).toBeInTheDocument();
+      const r = n.querySelector("li");
+      s(r).toHaveAttribute("id", "category-electronics"), s(r).toHaveClass("custom-select__item--highlighted-module"), await e.click(r), s(c).toHaveBeenCalledWith("category-electronics");
+    });
+  }), u("Edge Cases", () => {
+    d("handles label with only whitespace", () => {
+      const e = i({ label: "   " }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      ), n = c.querySelector("li");
+      s(n == null ? void 0 : n.textContent).toBe("   ");
+    }), d("handles label with newlines", () => {
+      const e = i({ label: `Line 1
+Line 2` }), t = a.fn(), { container: c } = h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), n = c.querySelector("li");
+      s(n == null ? void 0 : n.textContent).toBe(`Line 1
+Line 2`);
+    }), d("handles zero as id", () => {
+      const e = i({ id: 0 }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "0");
+    }), d("handles empty string as id", () => {
+      const e = i({ id: "" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "");
+    }), d("handles negative number as id", () => {
+      const e = i({ id: -1 }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "-1");
+    }), d("handles id with special characters", () => {
+      const e = i({ id: "choice-@#$%" }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "choice-@#$%");
+    }), d("handles rapid clicks", async () => {
+      const e = g.setup(), t = i(), c = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: c, item: t }));
+      const n = m.getByText("Test Choice");
+      await e.click(n), await e.click(n), await e.click(n), await e.click(n), await e.click(n), s(c).toHaveBeenCalledTimes(5);
+    }), d("calls handleOnClick even if handler has side effects", async () => {
+      const e = g.setup(), t = i();
+      let c = 0;
+      const n = a.fn(() => {
+        c++;
+      });
+      h(/* @__PURE__ */ l(o, { handleOnClick: n, item: t }));
+      const r = m.getByText("Test Choice");
+      await e.click(r), s(n).toHaveBeenCalled(), s(c).toBe(1);
+    }), d("handles very large numeric id", () => {
+      const e = i({ id: 9007199254740991 }), t = a.fn(), { container: c } = h(
+        /* @__PURE__ */ l(o, { handleOnClick: t, item: e })
+      );
+      s(c.querySelector("li")).toHaveAttribute("id", "9007199254740991");
+    }), d("handles label with HTML entities", () => {
+      const e = i({ label: "&lt;tag&gt; &amp; &quot;text&quot;" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(m.getByText("&lt;tag&gt; &amp; &quot;text&quot;")).toBeInTheDocument();
+    }), d("handles unicode characters in label", () => {
+      const e = i({ label: "😀 Hello 世界 Привет" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(m.getByText("😀 Hello 世界 Привет")).toBeInTheDocument();
+    });
+  }), u("Classes Helper Integration", () => {
+    d("calls classes helper with correct array structure", () => {
+      const e = i({ status: "normal" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledWith(s.any(Array)), s(C).toHaveBeenCalledWith(s.arrayContaining([
+        s.any(String),
+        s.any(String)
+      ]));
+    }), d("classes helper receives two elements", () => {
+      const e = i({ status: "selected" }), t = a.fn();
+      h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e }));
+      const c = C.mock.calls[0][0];
+      s(c).toHaveLength(2);
+    }), d("classes helper called once per render", () => {
+      const e = i(), t = a.fn();
+      C.mockClear(), h(/* @__PURE__ */ l(o, { handleOnClick: t, item: e })), s(C).toHaveBeenCalledTimes(1);
+    });
+  });
+});

package/dist/components/Concat/Concat.js

@@ -1,6 +1,6 @@
 import { jsx as a, Fragment as n } from "react/jsx-runtime";
 import { Fragment as o } from "react";
-import { p as e } from "../../index-VjANCDXC.mjs";
+import { p as e } from "../../index-06PEPfBQ.mjs";
 function s({ list: t }) {
   return /* @__PURE__ */ a(n, { children: t.map((r) => /* @__PURE__ */ a(o, { children: typeof r == "string" && r !== "" ? e(r) : r }, `react-frag-${Math.round(Math.random() * 1e7)}`)) });
 }

package/dist/components/Concat/Concat.test.js

@@ -0,0 +1,115 @@
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import { d as a, i as l, r as s, g as t, s as r } from "../../react.esm-DLSrfVwM.mjs";
+import "../../index-BVxBrkZB.mjs";
+import { Concat as i } from "./Concat.js";
+a("Concat", () => {
+  a("Basic Rendering", () => {
+    l("should render an empty fragment when list is empty", () => {
+      const { container: e } = s(/* @__PURE__ */ n(i, { list: [] }));
+      t(e.firstChild).toBeNull();
+    }), l("should render a single string element", () => {
+      s(/* @__PURE__ */ n(i, { list: ["Hello World"] })), t(r.getByText("Hello World")).toBeInTheDocument();
+    }), l("should render multiple string elements", () => {
+      const { container: e } = s(/* @__PURE__ */ n(i, { list: ["First", "Second", "Third"] }));
+      t(e.textContent).toContain("First"), t(e.textContent).toContain("Second"), t(e.textContent).toContain("Third");
+    }), l("should render a single JSX element", () => {
+      s(/* @__PURE__ */ n(i, { list: [/* @__PURE__ */ n("div", { children: "JSX Content" })] })), t(r.getByText("JSX Content")).toBeInTheDocument();
+    }), l("should render multiple JSX elements", () => {
+      s(/* @__PURE__ */ n(i, { list: [
+        /* @__PURE__ */ n("div", { children: "First JSX" }, "1"),
+        /* @__PURE__ */ n("span", { children: "Second JSX" }, "2")
+      ] })), t(r.getByText("First JSX")).toBeInTheDocument(), t(r.getByText("Second JSX")).toBeInTheDocument();
+    });
+  }), a("Mixed Content", () => {
+    l("should render mixed string and JSX elements", () => {
+      const e = [
+        "String content",
+        /* @__PURE__ */ n("div", { children: "JSX content" }, "1"),
+        "Another string"
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("String content"), t(r.getByText("JSX content")).toBeInTheDocument(), t(o.textContent).toContain("Another string");
+    }), l("should handle null values in the list", () => {
+      const e = [
+        "First",
+        null,
+        "Second",
+        null
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("First"), t(o.textContent).toContain("Second");
+    }), l("should handle empty strings", () => {
+      const e = [
+        "Valid content",
+        "",
+        "More content"
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("Valid content"), t(o.textContent).toContain("More content");
+    }), l("should handle all empty strings", () => {
+      const { container: e } = s(/* @__PURE__ */ n(i, { list: ["", "", ""] }));
+      t(e.textContent).toBe("");
+    });
+  }), a("HTML Parsing", () => {
+    l("should parse HTML strings", () => {
+      s(/* @__PURE__ */ n(i, { list: ["<strong>Bold text</strong>"] }));
+      const e = r.getByText("Bold text");
+      t(e.tagName).toBe("STRONG");
+    }), l("should parse complex HTML strings", () => {
+      s(/* @__PURE__ */ n(i, { list: ["<div><span>Nested</span> <em>content</em></div>"] })), t(r.getByText("Nested")).toBeInTheDocument(), t(r.getByText("content")).toBeInTheDocument();
+    }), l("should handle multiple HTML strings", () => {
+      s(/* @__PURE__ */ n(i, { list: [
+        "<p>First paragraph</p>",
+        "<p>Second paragraph</p>"
+      ] })), t(r.getByText("First paragraph")).toBeInTheDocument(), t(r.getByText("Second paragraph")).toBeInTheDocument();
+    }), l("should parse HTML with attributes", () => {
+      s(/* @__PURE__ */ n(i, { list: ['<a href="https://example.com">Link text</a>'] }));
+      const o = r.getByText("Link text");
+      t(o.tagName).toBe("A"), t(o).toHaveAttribute("href", "https://example.com");
+    }), l("should handle mixed HTML and plain text strings", () => {
+      const e = [
+        "Plain text",
+        "<strong>Bold text</strong>",
+        "More plain text"
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("Plain text"), t(r.getByText("Bold text")).toBeInTheDocument(), t(o.textContent).toContain("More plain text");
+    });
+  }), a("Complex Scenarios", () => {
+    l("should handle mixed strings, HTML, JSX, and null values", () => {
+      const e = [
+        "Plain string",
+        "<em>HTML string</em>",
+        /* @__PURE__ */ n("div", { children: "JSX element" }, "1"),
+        null,
+        "",
+        "Another string"
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("Plain string"), t(r.getByText("HTML string")).toBeInTheDocument(), t(r.getByText("JSX element")).toBeInTheDocument(), t(o.textContent).toContain("Another string");
+    }), l("should render nested JSX components", () => {
+      s(/* @__PURE__ */ n(i, { list: [/* @__PURE__ */ d("div", { children: [
+        /* @__PURE__ */ n("span", { children: "Nested" }),
+        /* @__PURE__ */ n("strong", { children: "Component" })
+      ] })] })), t(r.getByText("Nested")).toBeInTheDocument(), t(r.getByText("Component")).toBeInTheDocument();
+    }), l("should handle list with only null values", () => {
+      const { container: e } = s(/* @__PURE__ */ n(i, { list: [null, null, null] }));
+      t(e.textContent).toBe("");
+    }), l("should render special characters in strings", () => {
+      const e = [
+        "Text with & ampersand",
+        "Text with < and >",
+        'Text with "quotes"'
+      ], { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("Text with & ampersand"), t(o.textContent).toContain("Text with < and >"), t(o.textContent).toContain('Text with "quotes"');
+    });
+  }), a("Edge Cases", () => {
+    l("should handle very long lists", () => {
+      const e = Array.from({ length: 100 }, (h, c) => `Item ${c + 1}`), { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toContain("Item 1"), t(o.textContent).toContain("Item 50"), t(o.textContent).toContain("Item 100");
+    }), l("should handle strings with only whitespace", () => {
+      const e = ["   ", `
+`, "	"];
+      s(/* @__PURE__ */ n(i, { list: e }));
+      const { container: o } = s(/* @__PURE__ */ n(i, { list: e }));
+      t(o.textContent).toMatch(/\s+/);
+    }), l("should handle HTML entities", () => {
+      s(/* @__PURE__ */ n(i, { list: ["<p>&copy; 2024 &mdash; Test &amp; Co.</p>"] })), t(r.getByText(/© 2024 — Test & Co./)).toBeInTheDocument();
+    });
+  });
+});

package/dist/components/CtaBlock/CtaBlock.js

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { p as s } from "../../index-VjANCDXC.mjs";
+import { p as s } from "../../index-06PEPfBQ.mjs";
 import { classes as m } from "../../utils/helpers.js";
 import { l as b } from "../../logger-C0N7U0YY.mjs";
 import { GradientButton as u } from "../GradientButton/GradientButton.js";