svelte-comp 1.2.7 → 1.3.5

package/dist/lib/__tests__/setupLangContext.js

@@ -0,0 +1,65 @@
+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__/setupLangContext.ts
+import { vi } from "vitest";
+vi.mock("svelte", function () { return __awaiter(void 0, void 0, void 0, function () {
+    var actual;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, vi.importActual("svelte")];
+            case 1:
+                actual = _a.sent();
+                return [2 /*return*/, __assign(__assign({}, actual), { getContext: function (key) {
+                            if (key === "lang") {
+                                return { value: "en" };
+                            }
+                            return actual.getContext(key);
+                        } })];
+        }
+    });
+}); });

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

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

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

@@ -0,0 +1,124 @@
+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 };
+    }
+};
+import { describe, it, expect, vi, afterEach } from "vitest";
+var loadStorage = function () { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                vi.resetModules();
+                return [4 /*yield*/, import("../../utils/index")];
+            case 1: return [2 /*return*/, (_a.sent()).storage];
+        }
+    });
+}); };
+var createMockLocalStorage = function () {
+    var store = {};
+    return {
+        getItem: function (key) { var _a; return (_a = store[key]) !== null && _a !== void 0 ? _a : null; },
+        setItem: function (key, val) {
+            store[key] = String(val);
+        },
+        removeItem: function (key) {
+            delete store[key];
+        },
+        clear: function () {
+            store = {};
+        },
+    };
+};
+afterEach(function () {
+    vi.unstubAllGlobals();
+});
+describe("storage helper", function () {
+    it("is safe when window/localStorage are unavailable (SSR)", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var storage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.stubGlobal("window", undefined);
+                    return [4 /*yield*/, loadStorage()];
+                case 1:
+                    storage = _a.sent();
+                    expect(storage.get("missing", "fallback")).toBe("fallback");
+                    expect(function () { return storage.set("k", "v"); }).not.toThrow();
+                    expect(function () { return storage.remove("k"); }).not.toThrow();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("persists values when localStorage exists", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var mockLocalStorage, storage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    mockLocalStorage = createMockLocalStorage();
+                    vi.stubGlobal("window", { localStorage: mockLocalStorage });
+                    return [4 /*yield*/, loadStorage()];
+                case 1:
+                    storage = _a.sent();
+                    storage.set("user", { id: 1 });
+                    expect(mockLocalStorage.getItem("user")).toBe(JSON.stringify({ id: 1 }));
+                    expect(storage.get("user", null)).toEqual({ id: 1 });
+                    storage.remove("user");
+                    expect(mockLocalStorage.getItem("user")).toBeNull();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it("is safe when localStorage getter throws", function () { return __awaiter(void 0, void 0, void 0, function () {
+        var storage;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    vi.stubGlobal("window", {});
+                    Object.defineProperty(window, "localStorage", {
+                        configurable: true,
+                        get: function () {
+                            throw new Error("storage disabled");
+                        },
+                    });
+                    return [4 /*yield*/, loadStorage()];
+                case 1:
+                    storage = _a.sent();
+                    expect(storage.get("missing", "fallback")).toBe("fallback");
+                    expect(function () { return storage.set("k", "v"); }).not.toThrow();
+                    expect(function () { return storage.remove("k"); }).not.toThrow();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

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

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

@@ -0,0 +1,11 @@
+import { describe, expect, it } from "vitest";
+import { formatFileSize } from "../../utils";
+describe("utility helpers", function () {
+    it("formats invalid or negative file sizes safely", function () {
+        expect(formatFileSize(Number.NaN)).toBe("0 Bytes");
+        expect(formatFileSize(-1)).toBe("0 Bytes");
+    });
+    it("caps very large file sizes to the largest supported unit", function () {
+        expect(formatFileSize(Math.pow(1024, 5))).toBe("1048576 GB");
+    });
+});

package/dist/lib/index.d.ts

@@ -1,4 +1,5 @@
 export { default as Accordion } from "./Accordion.svelte";
+export { default as Badge } from "./Badge.svelte";
 export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Calendar } from "./Calendar.svelte";
@@ -6,12 +7,14 @@ export { default as Carousel } from "./Carousel.svelte";
 export { default as CheckBox } from "./CheckBox.svelte";
 export { default as CodeView } from "./CodeView.svelte";
 export { default as ColorPicker } from "./ColorPicker.svelte";
+export { default as ContextMenu } from "./ContextMenu.svelte";
 export { default as DatePicker } from "./DatePicker.svelte";
 export { default as Dialog } from "./Dialog.svelte";
 export { default as Field } from "./Field.svelte";
 export { default as FilePicker } from "./FilePicker.svelte";
 export { default as Form } from "./Form.svelte";
 export { default as Hamburger } from "./Hamburger.svelte";
+export { default as InstallPWA } from "./InstallPWA.svelte";
 export { default as Menu } from "./Menu.svelte";
 export { default as PaginatedCard } from "./PaginatedCard.svelte";
 export { default as Pagination } from "./Pagination.svelte";
@@ -28,6 +31,8 @@ export { default as Table } from "./Table.svelte";
 export { default as Tabs } from "./Tabs.svelte";
 export { default as ThemeToggle } from "./ThemeToggle.svelte";
 export { default as TimePicker } from "./TimePicker.svelte";
+export { default as TimePickerNew } from "./TimePickerNew.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";
+export { default as Topbar } from "./Topbar.svelte";
 export * from "./types";

package/dist/lib/index.js

@@ -1,5 +1,6 @@
 // src/lib/index.ts
 export { default as Accordion } from "./Accordion.svelte";
+export { default as Badge } from "./Badge.svelte";
 export { default as Button } from "./Button.svelte";
 export { default as Card } from "./Card.svelte";
 export { default as Calendar } from "./Calendar.svelte";
@@ -7,12 +8,14 @@ export { default as Carousel } from "./Carousel.svelte";
 export { default as CheckBox } from "./CheckBox.svelte";
 export { default as CodeView } from "./CodeView.svelte";
 export { default as ColorPicker } from "./ColorPicker.svelte";
+export { default as ContextMenu } from "./ContextMenu.svelte";
 export { default as DatePicker } from "./DatePicker.svelte";
 export { default as Dialog } from "./Dialog.svelte";
 export { default as Field } from "./Field.svelte";
 export { default as FilePicker } from "./FilePicker.svelte";
 export { default as Form } from "./Form.svelte";
 export { default as Hamburger } from "./Hamburger.svelte";
+export { default as InstallPWA } from "./InstallPWA.svelte";
 export { default as Menu } from "./Menu.svelte";
 export { default as PaginatedCard } from "./PaginatedCard.svelte";
 export { default as Pagination } from "./Pagination.svelte";
@@ -29,6 +32,8 @@ export { default as Table } from "./Table.svelte";
 export { default as Tabs } from "./Tabs.svelte";
 export { default as ThemeToggle } from "./ThemeToggle.svelte";
 export { default as TimePicker } from "./TimePicker.svelte";
+export { default as TimePickerNew } from "./TimePickerNew.svelte";
 export { default as Toast } from "./Toast.svelte";
 export { default as Tooltip } from "./Tooltip.svelte";
+export { default as Topbar } from "./Topbar.svelte";
 export * from "./types";

package/dist/lib/lang.d.ts

@@ -15,6 +15,26 @@ export declare const TEXTS: {
                 readonly clear: "Clear";
                 readonly selectedDate: "Selected date";
             };
+            readonly contextMenu: {
+                readonly contextMenu: {
+                    readonly undo: "Undo";
+                    readonly redo: "Redo";
+                    readonly copy: "Copy";
+                    readonly cut: "Cut";
+                    readonly paste: "Paste";
+                    readonly delete: "Delete";
+                };
+                readonly hotkeys: {
+                    readonly undo: "Ctrl+Z";
+                    readonly redo: "Ctrl+Y";
+                    readonly copy: "Ctrl+C";
+                    readonly cut: "Ctrl+X";
+                    readonly paste: "Ctrl+V";
+                    readonly delete: "Del";
+                };
+                readonly insertSnippet: "Insert snippet";
+                readonly snippets: {};
+            };
             readonly dialog: {
                 readonly ok: "OK";
                 readonly cancel: "Cancel";
@@ -48,6 +68,8 @@ export declare const TEXTS: {
                 readonly selectedTime: "Selected time";
                 readonly switchTo12h: "12h";
                 readonly switchTo24h: "24h";
+                readonly now: "Now";
+                readonly ok: "OK";
             };
         };
     };
@@ -101,6 +123,26 @@ export declare const TEXTS: {
                 readonly switchTo12h: "12ч";
                 readonly switchTo24h: "24ч";
             };
+            readonly contextMenu: {
+                readonly contextMenu: {
+                    readonly undo: "Undo";
+                    readonly redo: "Redo";
+                    readonly copy: "Copy";
+                    readonly cut: "Cut";
+                    readonly paste: "Paste";
+                    readonly delete: "Delete";
+                };
+                readonly hotkeys: {
+                    readonly undo: "Ctrl+Z";
+                    readonly redo: "Ctrl+Y";
+                    readonly copy: "Ctrl+C";
+                    readonly cut: "Ctrl+X";
+                    readonly paste: "Ctrl+V";
+                    readonly delete: "Del";
+                };
+                readonly insertSnippet: "Insert snippet";
+                readonly snippets: {};
+            };
         };
     };
     readonly es: {
@@ -152,6 +194,28 @@ export declare const TEXTS: {
                 readonly selectedTime: "Hora seleccionada";
                 readonly switchTo12h: "12h";
                 readonly switchTo24h: "24h";
+                readonly now: "Ahora";
+                readonly ok: "OK";
+            };
+            readonly contextMenu: {
+                readonly contextMenu: {
+                    readonly undo: "Undo";
+                    readonly redo: "Redo";
+                    readonly copy: "Copy";
+                    readonly cut: "Cut";
+                    readonly paste: "Paste";
+                    readonly delete: "Delete";
+                };
+                readonly hotkeys: {
+                    readonly undo: "Ctrl+Z";
+                    readonly redo: "Ctrl+Y";
+                    readonly copy: "Ctrl+C";
+                    readonly cut: "Ctrl+X";
+                    readonly paste: "Ctrl+V";
+                    readonly delete: "Del";
+                };
+                readonly insertSnippet: "Insert snippet";
+                readonly snippets: {};
             };
         };
     };

package/dist/lib/lang.js

@@ -15,6 +15,26 @@ var enTexts = {
             clear: "Clear",
             selectedDate: "Selected date",
         },
+        contextMenu: {
+            contextMenu: {
+                undo: "Undo",
+                redo: "Redo",
+                copy: "Copy",
+                cut: "Cut",
+                paste: "Paste",
+                delete: "Delete",
+            },
+            hotkeys: {
+                undo: "Ctrl+Z",
+                redo: "Ctrl+Y",
+                copy: "Ctrl+C",
+                cut: "Ctrl+X",
+                paste: "Ctrl+V",
+                delete: "Del",
+            },
+            insertSnippet: "Insert snippet",
+            snippets: {},
+        },
         dialog: {
             ok: "OK",
             cancel: "Cancel",
@@ -44,6 +64,8 @@ var enTexts = {
             selectedTime: "Selected time",
             switchTo12h: "12h",
             switchTo24h: "24h",
+            now: "Now",
+            ok: "OK",
         },
     },
 };
@@ -93,6 +115,26 @@ var ruTexts = {
             switchTo12h: "12ч",
             switchTo24h: "24ч",
         },
+        contextMenu: {
+            contextMenu: {
+                undo: "Undo",
+                redo: "Redo",
+                copy: "Copy",
+                cut: "Cut",
+                paste: "Paste",
+                delete: "Delete",
+            },
+            hotkeys: {
+                undo: "Ctrl+Z",
+                redo: "Ctrl+Y",
+                copy: "Ctrl+C",
+                cut: "Ctrl+X",
+                paste: "Ctrl+V",
+                delete: "Del",
+            },
+            insertSnippet: "Insert snippet",
+            snippets: {},
+        },
     },
 };
 var esTexts = {
@@ -140,6 +182,28 @@ var esTexts = {
             selectedTime: "Hora seleccionada",
             switchTo12h: "12h",
             switchTo24h: "24h",
+            now: "Ahora",
+            ok: "OK",
+        },
+        contextMenu: {
+            contextMenu: {
+                undo: "Undo",
+                redo: "Redo",
+                copy: "Copy",
+                cut: "Cut",
+                paste: "Paste",
+                delete: "Delete",
+            },
+            hotkeys: {
+                undo: "Ctrl+Z",
+                redo: "Ctrl+Y",
+                copy: "Ctrl+C",
+                cut: "Ctrl+X",
+                paste: "Ctrl+V",
+                delete: "Del",
+            },
+            insertSnippet: "Insert snippet",
+            snippets: {},
         },
     },
 };

package/dist/lib/types/index.d.ts

@@ -24,6 +24,7 @@ export type ComponentVariant = "default" | "neutral";
 export type Item = {
     id: string;
     label: string;
+    type?: "section";
 };
 export type FormComponentType = "text" | "number" | "textarea" | "password" | "email" | "select" | "checkbox";
 export interface FieldSchema {

package/dist/styles.css

@@ -12,6 +12,7 @@
   --color-text-warning: oklch(95% 0.05 90deg);
   --color-text-link: oklch(35% 0.3 250deg);
   --color-text-red: oklch(50% 0.25 30deg);
+  --color-text-inverse: oklch(100% 0 0deg);										   
 
   /* COLORS — BG */
   --color-bg-page: oklch(98% 0 0deg);
@@ -105,6 +106,7 @@
   --color-text-warning: oklch(95% 0.05 90deg);
   --color-text-link: oklch(65% 0.3 250deg);
   --color-text-red: oklch(50% 0.25 30deg);
+  --color-text-inverse: oklch(100% 0 0deg);										   
 
   /* COLORS — BG */
   --color-bg-page: oklch(15% 0 0deg);

package/dist/utils/index.js

@@ -1,4 +1,4 @@
-// src/lib/utils/index.ts
+// src/utils/index.ts
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -75,11 +75,13 @@ export function times(count, fn) {
 //                             FORMAT FILE SIZE
 // -------------------------------------------------------------------------------
 export function formatFileSize(bytes) {
+    if (!Number.isFinite(bytes) || bytes < 0)
+        return "0 Bytes";
     if (bytes === 0)
         return "0 Bytes";
     var k = 1024;
     var sizes = ["Bytes", "KB", "MB", "GB"];
-    var i = Math.floor(Math.log(bytes) / Math.log(k));
+    var i = Math.min(sizes.length - 1, Math.floor(Math.log(bytes) / Math.log(k)));
     return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(2)), " ").concat(sizes[i]);
 }
 // -------------------------------------------------------------------------------
@@ -116,8 +118,17 @@ export function throttle(fn, limit) {
 // -------------------------------------------------------------------------------
 //                              STORAGE HELPERS
 // -------------------------------------------------------------------------------
-var hasBrowserStorage = typeof window !== "undefined" && !!window.localStorage;
-var getLocalStorage = function () { return (hasBrowserStorage ? window.localStorage : null); };
+var getLocalStorage = function () {
+    var _a;
+    if (typeof window === "undefined")
+        return null;
+    try {
+        return (_a = window.localStorage) !== null && _a !== void 0 ? _a : null;
+    }
+    catch (_b) {
+        return null;
+    }
+};
 export var storage = {
     get: function (key, defaultValue) {
         var ls = getLocalStorage();

package/package.json

@@ -1,23 +1,23 @@
 {
   "name": "svelte-comp",
-  "version": "1.2.7",
+  "version": "1.3.5",
   "license": "MIT",
   "description": "A comprehensive component library built on Svelte 5 (runes) with design tokens (tailwind), accessibility focus, and TypeScript support",
   "devDependencies": {
     "@sveltejs/package": "^2.5.7",
-    "@sveltejs/vite-plugin-svelte": "^6.2.1",
-    "@tailwindcss/vite": "^4.1.17",
-    "@tsconfig/svelte": "^5.0.4",
-    "@types/node": "^24.5.2",
-    "@types/prismjs": "^1.26.5",
-    "prettier": "^3.7.4",
-    "prettier-plugin-svelte": "^3.4.0",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@tailwindcss/vite": "^4.2.4",
+    "@tsconfig/svelte": "^5.0.8",
+    "@types/node": "^24.12.2",
+    "@types/prismjs": "^1.26.6",
+    "prettier": "^3.8.3",
+    "prettier-plugin-svelte": "^3.5.1",
     "prismjs": "^1.30.0",
-    "svelte": "^5.39.6",
-    "svelte-check": "^4.3.4",
-    "tailwindcss": "^4.1.17",
+    "svelte": "^5.55.5",
+    "svelte-check": "^4.4.6",
+    "tailwindcss": "^4.2.4",
     "typescript": "^5.9.3",
-    "vite": "^7.2.1"
+    "vite": "^7.3.2"
   },
   "exports": {
     ".": {