svelte-comp 1.2.5 → 1.2.6

package/dist/main.js

@@ -1,7 +0,0 @@
-import { mount } from "svelte";
-import "./app.css";
-import App from "./App.svelte";
-var app = mount(App, {
-    target: document.getElementById("app"),
-});
-export default app;

package/dist/styles.css

@@ -1,232 +0,0 @@
-/* src/styles.css */
-@source "../node_modules/svelte-comp/**/*";
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-@theme {
-  /* COLORS — TEXT */
-  --color-text-default: oklch(15% 0 0deg);
-  --color-text-muted: oklch(60% 0 0deg);
-  --color-text-danger: oklch(92% 0.05 25deg);
-  --color-text-success: oklch(92% 0.05 150deg);
-  --color-text-warning: oklch(95% 0.05 90deg);
-  --color-text-link: oklch(35% 0.3 250deg);
-  --color-text-red: oklch(50% 0.25 30deg);
-
-  /* COLORS — BG */
-  --color-bg-page: oklch(98% 0 0deg);
-  --color-bg-surface: oklch(100% 0 0deg);
-  --color-bg-primary: oklch(62.3% 0.214 259.8deg);
-  --color-primary: var(--color-bg-primary);
-  --color-bg-secondary: oklch(80% 0 0deg);
-  --color-bg-danger: oklch(60% 0.25 30deg);
-  --color-bg-success: oklch(55% 0.2 150deg);
-  --color-bg-warning: oklch(75% 0.2 70deg);
-  --color-bg-muted: oklch(90% 0 0deg);
-
-  /* INTERACTION STATES */
-  --color-bg-hover: oklch(94% 0 0deg);
-  --color-bg-active: oklch(88% 0 0deg);
-
-  /* BORDER */
-  --border-color-default: oklch(85% 0 0deg);
-  --border-color-primary: oklch(50% 0.19 259.8deg);
-  --border-color-strong: oklch(75% 0 0deg);
-  --border-color-focus: oklch(68.7% 0.14 237.5deg);
-
-  /* SHADOW */
-  --shadow-color: oklch(0% 0 0deg / 0.15);
-
-  /* SPACING */
-  --spacing-xs: 0.25rem;
-  --spacing-sm: 0.5rem;
-  --spacing-md: 1rem;
-  --spacing-lg: 1.5rem;
-  --spacing-xl: 2rem;
-
-  /* TYPOGRAPHY */
-  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
-  --font-mono: "Fira Code", "Consolas", "Monaco", monospace;
-
-  /* FONT WEIGHTS */
-  --font-weight-normal: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-
-  /* TEXT SIZES */
-  --text-xs: 0.75rem;
-  --text-sm: 0.875rem;
-  --text-md: 1rem;
-  --text-lg: 1.125rem;
-  --text-xl: 1.25rem;
-
-  /* LINE HEIGHT & LETTER SPACING */
-  --line-height-tight: 1.1;
-  --line-height-normal: 1.4;
-  --line-height-relaxed: 1.6;
-  --letter-spacing-tight: -0.01em;
-  --letter-spacing-normal: 0;
-  --letter-spacing-wide: 0.02em;
-
-  /* RADIUS */
-  --radius-sm: 0.125rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.75rem;
-  --radius-2xl: 1rem;
-  --radius-full: 9999px;
-
-  /* TRANSITIONS */
-  --transition-fast: 150ms;
-  --transition-normal: 300ms;
-  --transition-slow: 500ms;
-  --timing-default: ease-in-out;
-
-  /* OPACITY */
-  --opacity-disabled: 0.5;
-  --opacity-hover: 0.9;
-  --opacity-overlay: 0.7;
-
-  /* Z-INDEX */
-  --z-base: 0;
-  --z-dropdown: 10;
-  --z-overlay: 50;
-  --z-modal: 100;
-  --z-toast: 200;
-}
-
-.dark {
-  /* COLORS — TEXT */
-  --color-text-default: oklch(98% 0 0deg);
-  --color-text-muted: oklch(60% 0 0deg);
-  --color-text-danger: oklch(98% 0.02 25deg);
-  --color-text-success: oklch(92% 0.05 150deg);
-  --color-text-warning: oklch(95% 0.05 90deg);
-  --color-text-link: oklch(65% 0.3 250deg);
-  --color-text-red: oklch(50% 0.25 30deg);
-
-  /* COLORS — BG */
-  --color-bg-page: oklch(15% 0 0deg);
-  --color-bg-surface: oklch(26% 0 0deg);
-  --color-bg-primary: oklch(42% 0.19 259.8deg);
-  --color-primary: var(--color-bg-primary);
-  --color-bg-secondary: oklch(45% 0 0deg);
-  --color-bg-danger: oklch(50% 0.25 30deg);
-  --color-bg-success: oklch(45% 0.2 150deg);
-  --color-bg-warning: oklch(65% 0.2 70deg);
-  --color-bg-muted: oklch(30% 0 0deg);
-
-  /* INTERACTION STATES */
-  --color-bg-hover: oklch(25% 0 0deg);
-  --color-bg-active: oklch(18% 0 0deg);
-
-  /* BORDER */
-  --border-color-default: oklch(35% 0 0deg);
-  --border-color-primary: oklch(50% 0.17 259.8deg);
-  --border-color-strong: oklch(45% 0 0deg);
-  --border-color-focus: oklch(68.7% 0.14 237.5deg);
-
-  /* SHADOW */
-  --shadow-color: oklch(0% 0 0deg / 0.6);
-
-  /* OPACITY */
-  --opacity-disabled: 0.4;
-  --opacity-hover: 0.85;
-  --opacity-overlay: 0.6;
-}
-
-/* SCROLLBARS */
-::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-}
-
-::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--color-bg-secondary);
-  border-radius: 3px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: oklch(from var(--color-bg-secondary) l c h / 0.8);
-}
-
-@supports (scrollbar-width: thin) {
-  * {
-    scrollbar-width: thin;
-    scrollbar-color: var(--color-bg-secondary) transparent;
-  }
-
-  .dark * {
-    scrollbar-color: oklch(from var(--color-bg-secondary) l c h / 0.7)
-      transparent;
-  }
-}
-
-.dark ::-webkit-scrollbar-thumb {
-  background: oklch(from var(--color-bg-secondary) l c h / 0.7);
-}
-
-/* ----------------------------- */
-/* 🎨 Primary color palettes     */
-/* ----------------------------- */
-
-[data-primary="default"] {
-  --color-primary: oklch(62.3% 0.214 259.8deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="cyan"] {
-  --color-primary: oklch(86.5% 0.127 207.078);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="red"] {
-  --color-primary: oklch(58% 0.24 30deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="green"] {
-  --color-primary: oklch(65% 0.22 140deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="yellow"] {
-  --color-primary: oklch(75% 0.18 90deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="pink"] {
-  --color-primary: oklch(70% 0.25 350deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="orange"] {
-  --color-primary: oklch(72% 0.22 60deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}
-
-[data-primary="purple"] {
-  --color-primary: oklch(55% 0.22 290deg);
-  --color-bg-primary: var(--color-primary);
-  --border-color-primary: var(--color-primary);
-  --border-color-focus: var(--color-primary);
-}

package/dist/utils/index.d.ts

@@ -1,34 +0,0 @@
-export declare const uid: (prefix?: string) => string;
-type ClassPrimitive = string | number | bigint;
-interface ClassDictionary {
-    [key: string]: boolean | null | undefined;
-}
-type ClassArray = Array<ClassPrimitive | ClassDictionary | ClassArray | null | boolean | undefined>;
-type ClassValue = ClassPrimitive | ClassDictionary | ClassArray | null | boolean | undefined;
-export declare function cx(...classes: ClassValue[]): string;
-export declare function clamp(value: number, min: number, max: number): number;
-export declare function times<T>(count: number, fn: (i: number) => T): T[];
-export declare function formatFileSize(bytes: number): string;
-export declare function debounce<Args extends unknown[]>(fn: (...args: Args) => void, delay: number): (...args: Args) => void;
-export declare function throttle<Args extends unknown[]>(fn: (...args: Args) => void, limit: number): (...args: Args) => void;
-export declare const storage: {
-    get: <T>(key: string, defaultValue: T) => T;
-    set: <T>(key: string, value: T) => void;
-    remove: (key: string) => void;
-};
-import type { ToastVariant } from "../lib/types";
-export declare const TOAST_CONFIG: Record<ToastVariant, {
-    title: string;
-    message: string;
-    duration?: number;
-}>;
-export declare const getToastConfig: (variant: ToastVariant, customMessage?: string) => {
-    message: string;
-    title: string;
-    duration?: number;
-};
-export declare const formatDate: (value: Date | string | number | null | undefined, locale?: string, options?: Intl.DateTimeFormatOptions) => string;
-export declare const formatTime: (value: Date | string | number | null | undefined, locale?: string, options?: Intl.DateTimeFormatOptions) => string;
-export declare const focusFirstInteractive: (element: HTMLElement) => void;
-export declare const trapFocus: (element: HTMLElement) => (() => void);
-export {};

package/dist/utils/index.js

@@ -1,268 +0,0 @@
-// src/lib/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++) {
-            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);
-};
-// -------------------------------------------------------------------------------
-//                                     UID
-// -------------------------------------------------------------------------------
-export var uid = function (prefix) {
-    if (prefix === void 0) { prefix = ""; }
-    var timestamp = Date.now().toString(36);
-    var random = Math.random().toString(36).slice(2);
-    return "".concat(prefix).concat(timestamp, "_").concat(random);
-};
-export function cx() {
-    var classes = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        classes[_i] = arguments[_i];
-    }
-    var result = [];
-    var append = function (value) {
-        if (value === null || value === undefined || value === false) {
-            return;
-        }
-        if (typeof value === "string") {
-            result.push.apply(result, value.split(/\s+/).filter(Boolean));
-            return;
-        }
-        if (typeof value === "number" || typeof value === "bigint") {
-            result.push(String(value));
-            return;
-        }
-        if (Array.isArray(value)) {
-            for (var _i = 0, value_1 = value; _i < value_1.length; _i++) {
-                var entry = value_1[_i];
-                append(entry);
-            }
-            return;
-        }
-        if (typeof value === "object") {
-            for (var _a = 0, _b = Object.entries(value); _a < _b.length; _a++) {
-                var _c = _b[_a], key = _c[0], condition = _c[1];
-                if (condition) {
-                    result.push(key);
-                }
-            }
-        }
-    };
-    for (var _a = 0, classes_1 = classes; _a < classes_1.length; _a++) {
-        var cls = classes_1[_a];
-        append(cls);
-    }
-    return result.join(" ");
-}
-// -------------------------------------------------------------------------------
-//                                  CLAMP
-// -------------------------------------------------------------------------------
-export function clamp(value, min, max) {
-    return Math.min(max, Math.max(min, value));
-}
-// -------------------------------------------------------------------------------
-//                                   TIMES
-// -------------------------------------------------------------------------------
-export function times(count, fn) {
-    return Array.from({ length: count }, function (_, i) { return fn(i); });
-}
-// -------------------------------------------------------------------------------
-//                             FORMAT FILE SIZE
-// -------------------------------------------------------------------------------
-export function formatFileSize(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));
-    return "".concat(parseFloat((bytes / Math.pow(k, i)).toFixed(2)), " ").concat(sizes[i]);
-}
-// -------------------------------------------------------------------------------
-//                                 DEBOUNCE
-// -------------------------------------------------------------------------------
-export function debounce(fn, delay) {
-    var timeoutId;
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        clearTimeout(timeoutId);
-        timeoutId = setTimeout(function () { return fn.apply(void 0, args); }, delay);
-    };
-}
-// -------------------------------------------------------------------------------
-//                                 THROTTLE
-// -------------------------------------------------------------------------------
-export function throttle(fn, limit) {
-    var inThrottle;
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        if (!inThrottle) {
-            fn.apply(void 0, args);
-            inThrottle = true;
-            setTimeout(function () { return (inThrottle = false); }, limit);
-        }
-    };
-}
-// -------------------------------------------------------------------------------
-//                              STORAGE HELPERS
-// -------------------------------------------------------------------------------
-var hasBrowserStorage = typeof window !== "undefined" && !!window.localStorage;
-var getLocalStorage = function () { return (hasBrowserStorage ? window.localStorage : null); };
-export var storage = {
-    get: function (key, defaultValue) {
-        var ls = getLocalStorage();
-        if (!ls)
-            return defaultValue;
-        try {
-            var item = ls.getItem(key);
-            return item ? JSON.parse(item) : defaultValue;
-        }
-        catch (_a) {
-            return defaultValue;
-        }
-    },
-    set: function (key, value) {
-        var ls = getLocalStorage();
-        if (!ls)
-            return;
-        try {
-            ls.setItem(key, JSON.stringify(value));
-        }
-        catch (error) {
-            console.warn("Storage set failed:", error);
-        }
-    },
-    remove: function (key) {
-        var ls = getLocalStorage();
-        if (!ls)
-            return;
-        try {
-            ls.removeItem(key);
-        }
-        catch (error) {
-            console.warn("Storage remove failed:", error);
-        }
-    },
-};
-export var TOAST_CONFIG = {
-    success: {
-        title: "Success",
-        message: "Operation completed successfully!",
-        duration: 3000,
-    },
-    danger: {
-        title: "Error",
-        message: "Something went wrong!",
-        duration: 5000,
-    },
-    warning: {
-        title: "Warning",
-        message: "Please check your input.",
-        duration: 4000,
-    },
-    info: {
-        title: "Info",
-        message: "New update available!",
-        duration: 3000,
-    },
-};
-export var getToastConfig = function (variant, customMessage) { return (__assign(__assign({}, TOAST_CONFIG[variant]), { message: customMessage || TOAST_CONFIG[variant].message })); };
-// -------------------------------------------------------------------------------
-//                                   DATE HELPERS
-// -------------------------------------------------------------------------------
-function normalizeDate(value) {
-    if (value == null)
-        return null;
-    if (value instanceof Date) {
-        return Number.isNaN(value.getTime()) ? null : value;
-    }
-    if (typeof value === "number") {
-        var asDate = new Date(value);
-        return Number.isNaN(asDate.getTime()) ? null : asDate;
-    }
-    if (typeof value === "string") {
-        var timeOnly = value.includes(":") &&
-            !value.includes("T") &&
-            !/^\d{4}-\d{2}-\d{2}/.test(value);
-        var normalized = timeOnly ? "1970-01-01T".concat(value) : value;
-        var parsed = new Date(normalized);
-        return Number.isNaN(parsed.getTime()) ? null : parsed;
-    }
-    return null;
-}
-export var formatDate = function (value, locale, options) {
-    if (locale === void 0) { locale = "en-US"; }
-    var date = normalizeDate(value);
-    if (!date)
-        return "";
-    var fmt = options !== null && options !== void 0 ? options : {
-        year: "numeric",
-        month: "short",
-        day: "numeric",
-    };
-    try {
-        return new Intl.DateTimeFormat(locale, fmt).format(date);
-    }
-    catch (_a) {
-        return date.toLocaleDateString();
-    }
-};
-export var formatTime = function (value, locale, options) {
-    if (locale === void 0) { locale = "en-US"; }
-    var date = normalizeDate(value);
-    if (!date)
-        return "";
-    var fmt = options !== null && options !== void 0 ? options : {
-        hour: "2-digit",
-        minute: "2-digit",
-    };
-    try {
-        return new Intl.DateTimeFormat(locale, fmt).format(date);
-    }
-    catch (_a) {
-        return date.toLocaleTimeString();
-    }
-};
-// -------------------------------------------------------------------------------
-//                                   DOM HELPERS
-// -------------------------------------------------------------------------------
-export var focusFirstInteractive = function (element) {
-    var focusable = element.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    focusable === null || focusable === void 0 ? void 0 : focusable.focus();
-};
-export var trapFocus = function (element) {
-    var focusableElements = element.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
-    var firstElement = focusableElements[0];
-    var lastElement = focusableElements[focusableElements.length - 1];
-    var handleKeyDown = function (e) {
-        if (e.key !== "Tab")
-            return;
-        if (e.shiftKey) {
-            if (document.activeElement === firstElement) {
-                e.preventDefault();
-                lastElement.focus();
-            }
-        }
-        else {
-            if (document.activeElement === lastElement) {
-                e.preventDefault();
-                firstElement.focus();
-            }
-        }
-    };
-    element.addEventListener("keydown", handleKeyDown);
-    return function () {
-        element.removeEventListener("keydown", handleKeyDown);
-    };
-};
-// -------------------------------------------------------------------------------