svelte-comp 1.3.3 → 1.3.5

package/dist/lib/__tests__/Menu.test.js

@@ -0,0 +1,285 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/Menu.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Menu from "../Menu.svelte";
+var menus = [
+    {
+        name: "File",
+        actions: [
+            "New",
+            { id: "open", label: "Open…" },
+            "Save",
+            {
+                id: "export",
+                label: "Export",
+                submenu: [
+                    { id: "csv", label: "CSV" },
+                    { id: "pdf", label: "PDF" },
+                ],
+            },
+            {
+                id: "convert",
+                label: "Convert",
+                submenu: ["DOC", "RTF"],
+            },
+        ],
+    },
+    {
+        name: "View",
+        actions: ["xs", "sm", "md", "lg", "xl"],
+    },
+];
+var csvAction = { id: "csv", label: "CSV" };
+var pdfAction = { id: "pdf", label: "PDF" };
+var exportAction = {
+    id: "export",
+    label: "Export",
+    submenu: [csvAction, pdfAction],
+};
+var submenuMenus = [
+    {
+        name: "File",
+        actions: ["New", exportAction],
+    },
+];
+describe("Menu", function () {
+    it("opens submenu on click and calls onSelect for action", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, _a, getByText, queryByText, fileBtn, openAction;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    _a = render(Menu, {
+                        props: { menus: menus, onSelect: handle },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 1:
+                    _b.sent();
+                    expect(getByText("New")).toBeTruthy();
+                    openAction = getByText("Open…");
+                    return [4 /*yield*/, fireEvent.click(openAction)];
+                case 2:
+                    _b.sent();
+                    expect(handle).toHaveBeenCalledTimes(1);
+                    expect(handle).toHaveBeenCalledWith("File", menus[0].actions[1]);
+                    expect(queryByText("New")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes menu on Escape and restores focus to trigger", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, queryByText, fileBtn, menuEl;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Menu, { props: { menus: menus } }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 1:
+                    _b.sent();
+                    expect(getByText("New")).toBeTruthy();
+                    menuEl = getByText("New").closest('[role="menu"]');
+                    expect(menuEl).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(menuEl, { key: "Escape" })];
+                case 2:
+                    _b.sent();
+                    expect(queryByText("New")).toBeNull();
+                    expect(document.activeElement).toBe(fileBtn);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("toggles submenu on repeated clicks", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, queryByText, fileBtn;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Menu, { props: { menus: menus } }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 1:
+                    _b.sent();
+                    expect(getByText("New")).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 2:
+                    _b.sent();
+                    expect(queryByText("New")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("switches open menu on hover while another is open", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, queryByText, fileBtn, viewBtn;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Menu, { props: { menus: menus } }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    viewBtn = getByText("View");
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 1:
+                    _b.sent();
+                    expect(getByText("New")).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.mouseEnter(viewBtn)];
+                case 2:
+                    _b.sent();
+                    expect(queryByText("New")).toBeNull();
+                    expect(getByText("md")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("opens submenu and selects nested action", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, _a, getByText, queryByText, fileBtn;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    _a = render(Menu, {
+                        props: { menus: submenuMenus, onSelect: handle },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    return [4 /*yield*/, fireEvent.click(fileBtn)];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByText("Export"))];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByText("CSV"))];
+                case 3:
+                    _b.sent();
+                    expect(handle).toHaveBeenCalledWith("File", csvAction);
+                    expect(queryByText("Export")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("supports keyboard navigation into submenu", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, _a, getByText, queryByText, fileBtn, menuEl, subMenuEl;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    _a = render(Menu, {
+                        props: { menus: submenuMenus, onSelect: handle },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    fileBtn = getByText("File");
+                    return [4 /*yield*/, fireEvent.keyDown(fileBtn, { key: "ArrowDown" })];
+                case 1:
+                    _b.sent();
+                    expect(getByText("New")).toBeTruthy();
+                    menuEl = getByText("New").closest('[role="menu"]');
+                    expect(menuEl).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(menuEl, { key: "ArrowDown" })];
+                case 2:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.keyDown(menuEl, { key: "ArrowRight" })];
+                case 3:
+                    _b.sent();
+                    subMenuEl = getByText("CSV").closest('[role="menu"]');
+                    expect(subMenuEl).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.keyDown(subMenuEl, { key: "Enter" })];
+                case 4:
+                    _b.sent();
+                    expect(handle).toHaveBeenCalledWith("File", csvAction);
+                    expect(queryByText("Export")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies size styling from sz prop to the menu bar", function () {
+        var getByText = render(Menu, { props: { menus: menus, sz: "md" } }).getByText;
+        var nav = getByText("View").closest("nav");
+        expect(nav === null || nav === void 0 ? void 0 : nav.className).toContain("h-[calc(var(--spacing-xl)+var(--spacing-xs))]");
+        expect(nav === null || nav === void 0 ? void 0 : nav.className).toContain("[font-size:var(--text-md)]");
+    });
+    it("ignores separators during interaction", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, menusWithSep, _a, getByText, queryByRole, sep;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    handle = vi.fn();
+                    menusWithSep = [
+                        {
+                            name: "File",
+                            actions: ["One", { type: "separator" }, "Two"],
+                        },
+                    ];
+                    _a = render(Menu, {
+                        props: { menus: menusWithSep, onSelect: handle },
+                    }), getByText = _a.getByText, queryByRole = _a.queryByRole;
+                    return [4 /*yield*/, fireEvent.click(getByText("File"))];
+                case 1:
+                    _b.sent();
+                    sep = queryByRole("separator");
+                    expect(sep).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.click(sep)];
+                case 2:
+                    _b.sent();
+                    expect(handle).not.toHaveBeenCalled();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("switches between submenus on hover", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, queryByText;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(Menu, {
+                        props: { menus: menus },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    return [4 /*yield*/, fireEvent.click(getByText("File"))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, fireEvent.click(getByText("Export"))];
+                case 2:
+                    _b.sent();
+                    expect(getByText("CSV")).toBeTruthy();
+                    return [4 /*yield*/, fireEvent.click(getByText("Convert"))];
+                case 3:
+                    _b.sent();
+                    expect(queryByText("CSV")).toBeNull();
+                    expect(getByText("DOC")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

package/dist/lib/__tests__/NoticeBase.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/NoticeBase.test.js

@@ -0,0 +1,60 @@
+// $lib/__tests__/NoticeBase.test.ts
+import { render } from "@testing-library/svelte";
+import { describe, it, expect } from "vitest";
+import NoticeBase from "../NoticeBase.svelte";
+describe("NoticeBase", function () {
+    it("renders title and message", function () {
+        var getByText = render(NoticeBase, {
+            props: { title: "Heads up", message: "Something happened" },
+        }).getByText;
+        expect(getByText("Heads up")).toBeTruthy();
+        expect(getByText("Something happened")).toBeTruthy();
+    });
+    it("toggles icon visibility with showIcon", function () {
+        var _a = render(NoticeBase, {
+            props: { message: "Icon on" },
+        }), container = _a.container, unmount = _a.unmount;
+        expect(container.querySelector('span[aria-hidden="true"]')).toBeTruthy();
+        unmount();
+        var noIconContainer = render(NoticeBase, {
+            props: { message: "Icon off", showIcon: false },
+        }).container;
+        expect(noIconContainer.querySelector('span[aria-hidden="true"]')).toBeNull();
+    });
+    it("applies inline and size styles", function () {
+        var _a = render(NoticeBase, {
+            props: { message: "Inline", inline: true },
+        }), container = _a.container, unmount = _a.unmount;
+        var inlineRoot = container.firstElementChild;
+        expect(inlineRoot.className).not.toContain("shadow-lg");
+        unmount();
+        var sized = render(NoticeBase, {
+            props: { message: "Sized", size: "md" },
+        }).container;
+        var sizedRoot = sized.firstElementChild;
+        expect(sizedRoot.className).toContain("px-[var(--spacing-md)]");
+    });
+    it("applies variant styling classes", function () {
+        var variants = [
+            { variant: "success", token: "color-bg-success" },
+            { variant: "danger", token: "color-bg-danger" },
+            { variant: "warning", token: "color-bg-warning" },
+            { variant: "info", token: "color-bg-page" },
+        ];
+        variants.forEach(function (_a) {
+            var variant = _a.variant, token = _a.token;
+            var container = render(NoticeBase, {
+                props: { message: "Notice", variant: variant },
+            }).container;
+            var root = container.firstElementChild;
+            expect(root.className).toContain(token);
+        });
+    });
+    it("exposes status role", function () {
+        var getByRole = render(NoticeBase, {
+            props: { message: "Status" },
+        }).getByRole;
+        var notice = getByRole("status");
+        expect(notice.getAttribute("aria-live")).toBe("polite");
+    });
+});

package/dist/lib/__tests__/PaginatedCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/PaginatedCard.test.js

@@ -0,0 +1,89 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// src/lib/__tests__/PaginatedCard.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect } from "vitest";
+import { createRawSnippet } from "svelte";
+import { tick } from "svelte";
+import PaginatedCard from "../PaginatedCard.svelte";
+var textSnippet = function (text) {
+    return createRawSnippet(function () { return ({ render: function () { return "<span>".concat(text, "</span>"); } }); });
+};
+var items = [
+    textSnippet("Item 1"),
+    textSnippet("Item 2"),
+    textSnippet("Item 3"),
+    textSnippet("Item 4"),
+    textSnippet("Item 5"),
+];
+describe("PaginatedCard", function () {
+    it("renders first page and pagination count", function () {
+        var getByText = render(PaginatedCard, {
+            props: { items: items, itemsPerPage: 2 },
+        }).getByText;
+        expect(getByText("Item 1")).toBeTruthy();
+        expect(getByText("Item 2")).toBeTruthy();
+        expect(getByText("Page 1 of 3")).toBeTruthy();
+    });
+    it("changes page when next is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a, getByText, queryByText;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = render(PaginatedCard, {
+                        props: { items: items, itemsPerPage: 2 },
+                    }), getByText = _a.getByText, queryByText = _a.queryByText;
+                    return [4 /*yield*/, fireEvent.click(getByText(">"))];
+                case 1:
+                    _b.sent();
+                    return [4 /*yield*/, tick()];
+                case 2:
+                    _b.sent();
+                    expect(queryByText("Item 1")).toBeNull();
+                    expect(getByText("Item 3")).toBeTruthy();
+                    expect(getByText("Item 4")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("shows at least one page for empty items", function () {
+        var getByText = render(PaginatedCard, {
+            props: { items: [], itemsPerPage: 3 },
+        }).getByText;
+        expect(getByText("Page 1 of 1")).toBeTruthy();
+    });
+});

package/dist/lib/__tests__/Pagination.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/__tests__/Pagination.test.js

@@ -0,0 +1,168 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+// $lib/__tests__/Pagination.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Pagination from "../Pagination.svelte";
+describe("Pagination", function () {
+    it("renders current page and total pages", function () {
+        var getByText = render(Pagination, {
+            props: { currentPage: 2, totalPages: 5, onPageChange: vi.fn() },
+        }).getByText;
+        expect(getByText("Page 2 of 5")).toBeTruthy();
+    });
+    it("renders page buttons for visible pages", function () {
+        var getAllByRole = render(Pagination, {
+            props: { currentPage: 2, totalPages: 5, onPageChange: vi.fn() },
+        }).getAllByRole;
+        var buttons = getAllByRole("button");
+        expect(buttons.length).toBeGreaterThan(2);
+    });
+    it("calls onPageChange when page button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onPageChange, getByText, page3Button;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onPageChange = vi.fn();
+                    getByText = render(Pagination, {
+                        props: { currentPage: 2, totalPages: 5, onPageChange: onPageChange },
+                    }).getByText;
+                    page3Button = getByText("3");
+                    return [4 /*yield*/, fireEvent.click(page3Button)];
+                case 1:
+                    _a.sent();
+                    expect(onPageChange).toHaveBeenCalledWith(3);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("calls onPageChange when next button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onPageChange, getByRole, nextButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onPageChange = vi.fn();
+                    getByRole = render(Pagination, {
+                        props: { currentPage: 2, totalPages: 5, onPageChange: onPageChange },
+                    }).getByRole;
+                    nextButton = getByRole("button", { name: ">" });
+                    return [4 /*yield*/, fireEvent.click(nextButton)];
+                case 1:
+                    _a.sent();
+                    expect(onPageChange).toHaveBeenCalledWith(3);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("calls onPageChange when previous button is clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onPageChange, getByRole, prevButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onPageChange = vi.fn();
+                    getByRole = render(Pagination, {
+                        props: { currentPage: 2, totalPages: 5, onPageChange: onPageChange },
+                    }).getByRole;
+                    prevButton = getByRole("button", { name: "<" });
+                    return [4 /*yield*/, fireEvent.click(prevButton)];
+                case 1:
+                    _a.sent();
+                    expect(onPageChange).toHaveBeenCalledWith(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("disables previous button on first page", function () {
+        var getByRole = render(Pagination, {
+            props: { currentPage: 1, totalPages: 5, onPageChange: vi.fn() },
+        }).getByRole;
+        var prevButton = getByRole("button", { name: "<" });
+        expect(prevButton.disabled).toBe(true);
+    });
+    it("disables next button on last page", function () {
+        var getByRole = render(Pagination, {
+            props: { currentPage: 5, totalPages: 5, onPageChange: vi.fn() },
+        }).getByRole;
+        var nextButton = getByRole("button", { name: ">" });
+        expect(nextButton.disabled).toBe(true);
+    });
+    it("shows correct visible pages for many pages", function () {
+        var _a = render(Pagination, {
+            props: { currentPage: 5, totalPages: 10, onPageChange: vi.fn() },
+        }), getByText = _a.getByText, queryByText = _a.queryByText;
+        expect(getByText("4")).toBeTruthy();
+        expect(getByText("5")).toBeTruthy();
+        expect(getByText("6")).toBeTruthy();
+        expect(queryByText("1")).toBeNull();
+        expect(queryByText("10")).toBeNull();
+    });
+    it("shows all pages when total pages is less than max visible", function () {
+        var getByText = render(Pagination, {
+            props: { currentPage: 1, totalPages: 3, onPageChange: vi.fn() },
+        }).getByText;
+        expect(getByText("1")).toBeTruthy();
+        expect(getByText("2")).toBeTruthy();
+        expect(getByText("3")).toBeTruthy();
+    });
+    it("applies custom class", function () {
+        var container = render(Pagination, {
+            props: {
+                currentPage: 1,
+                totalPages: 3,
+                onPageChange: vi.fn(),
+                class: "custom-pagination",
+            },
+        }).container;
+        var wrapper = container.firstChild;
+        expect(wrapper.className).toContain("custom-pagination");
+    });
+    it("highlights current page with active class", function () {
+        var getByRole = render(Pagination, {
+            props: { currentPage: 2, totalPages: 5, onPageChange: vi.fn() },
+        }).getByRole;
+        var currentPageButton = getByRole("button", { name: "2" });
+        expect(currentPageButton.className).toContain("bg-[var(--color-bg-primary)]");
+        expect(currentPageButton.className).toContain("text-[var(--color-text-inverse,#fff)]");
+    });
+    it("sets aria-current for current page", function () {
+        var getByRole = render(Pagination, {
+            props: { currentPage: 2, totalPages: 5, onPageChange: vi.fn() },
+        }).getByRole;
+        var currentPageButton = getByRole("button", { name: "2" });
+        expect(currentPageButton.getAttribute("aria-current")).toBe("page");
+    });
+});

package/dist/lib/__tests__/PrimaryColorSelect.test.d.ts

@@ -0,0 +1 @@
+import "./setupLangContext";