svelte-comp 1.2.7 → 1.3.5

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

@@ -0,0 +1,322 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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__/TimePickerNew.test.ts
+import "./setupLangContext";
+import { render, fireEvent, within } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import TimePickerNew from "../TimePickerNew.svelte";
+var sampleTime = "10:30";
+function renderPicker(props) {
+    if (props === void 0) { props = {}; }
+    return render(TimePickerNew, {
+        props: __assign({ label: "Time", placeholder: "Select a time" }, props),
+    });
+}
+function openPicker(utils) {
+    return __awaiter(this, void 0, void 0, function () {
+        var trigger;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    trigger = utils.getByRole("button", { name: "Time" });
+                    return [4 /*yield*/, fireEvent.click(trigger)];
+                case 1:
+                    _a.sent();
+                    return [2 /*return*/, utils.getByRole("dialog", { name: "Time" })];
+            }
+        });
+    });
+}
+describe("TimePickerNew", function () {
+    it("shows placeholder when value is null", function () {
+        var getAllByText = renderPicker().getAllByText;
+        expect(getAllByText("Select a time").length).toBeGreaterThan(0);
+    });
+    it("renders initial value on trigger and selected preview", function () {
+        var getAllByText = renderPicker({
+            value: sampleTime,
+        }).getAllByText;
+        expect(getAllByText("10:30").length).toBeGreaterThan(0);
+    });
+    it("opens popup from the single trigger", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var utils, dialog;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    utils = renderPicker();
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    expect(dialog).toBeTruthy();
+                    expect(within(dialog).getByText("Hour")).toBeTruthy();
+                    expect(within(dialog).getByText("Minute")).toBeTruthy();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("emits onChange when hour changes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, tenButtons;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        value: "09:00",
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    tenButtons = within(dialog).getAllByRole("button", { name: "10" });
+                    return [4 /*yield*/, fireEvent.click(tenButtons[0])];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledTimes(1);
+                    expect(handle).toHaveBeenCalledWith("10:00");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("emits onChange when minute changes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, minuteOption;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        value: "10:00",
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    minuteOption = within(dialog).getByRole("button", { name: "30" });
+                    return [4 /*yield*/, fireEvent.click(minuteOption)];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledTimes(1);
+                    expect(handle).toHaveBeenCalledWith("10:30");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("clears value using Clear button", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, clearButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        value: sampleTime,
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    clearButton = within(dialog).getByRole("button", { name: "Clear" });
+                    return [4 /*yield*/, fireEvent.click(clearButton)];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledTimes(1);
+                    expect(handle).toHaveBeenCalledWith(null);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("switches between 24h and 12h modes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, switchTo12h;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        value: "15:04",
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    switchTo12h = within(dialog).getByRole("button", { name: "12h" });
+                    return [4 /*yield*/, fireEvent.click(switchTo12h)];
+                case 2:
+                    _a.sent();
+                    dialog = utils.getByRole("dialog", { name: "Time" });
+                    expect(within(dialog).getByText("Period")).toBeTruthy();
+                    expect(within(dialog).getByRole("button", { name: "24h" })).toBeTruthy();
+                    expect(handle).toHaveBeenLastCalledWith("15:04");
+                    expect(utils.getAllByText("03:04 PM").length).toBeGreaterThan(0);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("emits ISO HH:MM value when period changes in english mode", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, pmButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        value: "03:15",
+                        initialSystem: "english",
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    pmButton = within(dialog).getByRole("button", { name: "PM" });
+                    return [4 /*yield*/, fireEvent.click(pmButton)];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledWith("15:15");
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("selects current time using Now button", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, nowButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.useFakeTimers();
+                    vi.setSystemTime(new Date("2026-04-30T13:37:00"));
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        step: 60,
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    nowButton = within(dialog).getByRole("button", { name: "Now" });
+                    return [4 /*yield*/, fireEvent.click(nowButton)];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledWith("13:37");
+                    vi.useRealTimers();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("snaps Now minutes to step", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var handle, utils, dialog, nowButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.useFakeTimers();
+                    vi.setSystemTime(new Date("2026-04-30T13:37:00"));
+                    handle = vi.fn();
+                    utils = renderPicker({
+                        step: 900,
+                        onChange: handle,
+                    });
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    nowButton = within(dialog).getByRole("button", { name: "Now" });
+                    return [4 /*yield*/, fireEvent.click(nowButton)];
+                case 2:
+                    _a.sent();
+                    expect(handle).toHaveBeenCalledWith("13:30");
+                    vi.useRealTimers();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes popup using OK button", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var utils, dialog, okButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    utils = renderPicker();
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    dialog = _a.sent();
+                    okButton = within(dialog).getByRole("button", { name: "OK" });
+                    return [4 /*yield*/, fireEvent.click(okButton)];
+                case 2:
+                    _a.sent();
+                    expect(utils.queryByRole("dialog", { name: "Time" })).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("closes popup on Escape", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var utils;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    utils = renderPicker();
+                    return [4 /*yield*/, openPicker(utils)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, fireEvent.keyDown(window, { key: "Escape" })];
+                case 2:
+                    _a.sent();
+                    expect(utils.queryByRole("dialog", { name: "Time" })).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("does not open when disabled", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var utils, trigger;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    utils = renderPicker({
+                        disabled: true,
+                    });
+                    trigger = utils.getByRole("button", { name: "Time" });
+                    return [4 /*yield*/, fireEvent.click(trigger)];
+                case 1:
+                    _a.sent();
+                    expect(utils.queryByRole("dialog", { name: "Time" })).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,135 @@
+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__/Toast.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import Toast from "../Toast.svelte";
+if (!Element.prototype.animate) {
+    Element.prototype.animate = function () {
+        return ({ finished: Promise.resolve(), cancel: function () { } });
+    };
+}
+describe("Toast", function () {
+    it("renders toast with message", function () {
+        var getByText = render(Toast, {
+            props: { message: "Test message" },
+        }).getByText;
+        expect(getByText("Test message")).toBeTruthy();
+    });
+    it("renders toast with title and message", function () {
+        var getByText = render(Toast, {
+            props: { title: "Test Title", message: "Test message" },
+        }).getByText;
+        expect(getByText("Test Title")).toBeTruthy();
+        expect(getByText("Test message")).toBeTruthy();
+    });
+    it("shows close button when closable=true", function () {
+        var getByLabelText = render(Toast, {
+            props: { message: "Test", closable: true },
+        }).getByLabelText;
+        expect(getByLabelText("Close")).toBeTruthy();
+    });
+    it("hides close button when closable=false", function () {
+        var queryByLabelText = render(Toast, {
+            props: { message: "Test", closable: false },
+        }).queryByLabelText;
+        expect(queryByLabelText("Close")).toBeNull();
+    });
+    it("fires onClose when close button clicked", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onClose, getByLabelText;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onClose = vi.fn();
+                    getByLabelText = render(Toast, {
+                        props: { message: "Clickable", onClose: onClose, closable: true },
+                    }).getByLabelText;
+                    return [4 /*yield*/, fireEvent.click(getByLabelText("Close"))];
+                case 1:
+                    _a.sent();
+                    expect(onClose).toHaveBeenCalledTimes(1);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("toggles icon visibility with showIcon", function () {
+        var _a = render(Toast, {
+            props: { message: "Icon on" },
+        }), container = _a.container, unmount = _a.unmount;
+        expect(container.querySelector('span[aria-hidden="true"]')).toBeTruthy();
+        unmount();
+        var noIconContainer = render(Toast, {
+            props: { message: "Icon off", showIcon: false },
+        }).container;
+        expect(noIconContainer.querySelector('span[aria-hidden="true"]')).toBeNull();
+    });
+    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(Toast, {
+                props: { message: "V", variant: variant },
+            }).container;
+            var root = container.firstElementChild;
+            expect(root.className).toContain(token);
+        });
+    });
+    it("has correct ARIA role", function () {
+        var getByRole = render(Toast, {
+            props: { message: "Test" },
+        }).getByRole;
+        var toast = getByRole("status");
+        expect(toast.getAttribute("aria-live")).toBe("polite");
+    });
+    it("auto-closes after timeout and triggers onClose", function () {
+        vi.useFakeTimers();
+        var onClose = vi.fn();
+        var queryByRole = render(Toast, {
+            props: { message: "Auto", timeout: 20, onClose: onClose },
+        }).queryByRole;
+        expect(queryByRole("status")).toBeTruthy();
+        vi.advanceTimersByTime(25);
+        vi.runAllTimers();
+        expect(onClose).toHaveBeenCalledTimes(1);
+        vi.useRealTimers();
+    });
+});

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

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

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

@@ -0,0 +1,171 @@
+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__/Tooltip.test.ts
+import { render, fireEvent } from "@testing-library/svelte";
+import { describe, it, expect, vi } from "vitest";
+import { createRawSnippet } from "svelte";
+import Tooltip from "../Tooltip.svelte";
+var textSnippet = function (text) {
+    return createRawSnippet(function () { return ({ render: function () { return "<span>".concat(text, "</span>"); } }); });
+};
+var flush = function () { return Promise.resolve(); };
+describe("Tooltip", function () {
+    it("renders wrapper and children", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    container = render(Tooltip, {
+                        props: { children: textSnippet("Trigger") },
+                    }).container;
+                    return [4 /*yield*/, flush()];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, flush()];
+                case 2:
+                    _a.sent();
+                    expect(container.textContent).toContain("Trigger");
+                    expect(container.querySelector('[role="tooltip"]')).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("merges external classes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, root;
+        return __generator(this, function (_a) {
+            container = render(Tooltip, {
+                props: { class: "a b", children: textSnippet("X") },
+            }).container;
+            root = container.firstElementChild;
+            expect(root.className).toContain("a");
+            expect(root.className).toContain("b");
+            return [2 /*return*/];
+        });
+    }); });
+    it("shows tooltip with open=true", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, bubble;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.useFakeTimers();
+                    container = render(Tooltip, {
+                        props: {
+                            open: true,
+                            text: "Hello",
+                            delay: 0,
+                            children: textSnippet("X"),
+                        },
+                    }).container;
+                    vi.runAllTimers();
+                    return [4 /*yield*/, flush()];
+                case 1:
+                    _a.sent();
+                    bubble = container.querySelector('[role="tooltip"]');
+                    expect(bubble).toBeTruthy();
+                    expect(bubble.textContent).toContain("Hello");
+                    vi.useRealTimers();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("shows tooltip on hover", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var container, root, bubble;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.useFakeTimers();
+                    container = render(Tooltip, {
+                        props: { text: "Hover", delay: 10, children: textSnippet("X") },
+                    }).container;
+                    root = container.firstElementChild;
+                    return [4 /*yield*/, fireEvent.mouseEnter(root)];
+                case 1:
+                    _a.sent();
+                    vi.advanceTimersByTime(11);
+                    return [4 /*yield*/, flush()];
+                case 2:
+                    _a.sent();
+                    bubble = container.querySelector('[role="tooltip"]');
+                    expect(bubble).toBeTruthy();
+                    vi.useRealTimers();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("applies position classes", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var entries, _i, entries_1, _a, position, token, container, bubble;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    vi.useFakeTimers();
+                    entries = [
+                        ["top", "bottom-full"],
+                        ["bottom", "top-full"],
+                        ["left", "right-full"],
+                        ["right", "left-full"],
+                    ];
+                    _i = 0, entries_1 = entries;
+                    _b.label = 1;
+                case 1:
+                    if (!(_i < entries_1.length)) return [3 /*break*/, 4];
+                    _a = entries_1[_i], position = _a[0], token = _a[1];
+                    container = render(Tooltip, {
+                        props: {
+                            position: position,
+                            open: true,
+                            text: "X",
+                            delay: 0,
+                            children: textSnippet("X"),
+                        },
+                    }).container;
+                    vi.runAllTimers();
+                    return [4 /*yield*/, flush()];
+                case 2:
+                    _b.sent();
+                    bubble = container.querySelector('[role="tooltip"]');
+                    expect(bubble.className).toContain(token);
+                    _b.label = 3;
+                case 3:
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    vi.useRealTimers();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,25 @@
+import { createRawSnippet } from "svelte";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/svelte";
+import Topbar from "../Topbar.svelte";
+var textSnippet = function (text) {
+    return createRawSnippet(function () { return ({ render: function () { return "<span>".concat(text, "</span>"); } }); });
+};
+describe("Topbar", function () {
+    it("renders custom title snippet when provided", function () {
+        var _a = render(Topbar, {
+            props: {
+                title: "Fallback",
+                children: textSnippet("Custom"),
+            },
+        }), getByText = _a.getByText, queryByText = _a.queryByText;
+        expect(getByText("Custom")).toBeTruthy();
+        expect(queryByText("Fallback")).toBeNull();
+    });
+    it("renders title when no children snippet is provided", function () {
+        var getByText = render(Topbar, {
+            props: { title: "FormBuilder" },
+        }).getByText;
+        expect(getByText("FormBuilder")).toBeTruthy();
+    });
+});

package/dist/lib/__tests__/setupLangContext.d.ts

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