zabi-components 7.0.2 → 8.1.0

package/dist/routes/lib/focus-utils.ts

@@ -1,110 +0,0 @@
-/** Focus helpers for overlays (modals, sheets). Requires `app.css` focus ring classes. */
-
-/** From `app.css` `@layer components` — import the library/app stylesheet. */
-export const FOCUS_BRAND_CLASS = "focus-brand";
-export const FOCUS_NAV_CLASS = "focus-nav";
-
-export function getFocusableElements(container: HTMLElement): HTMLElement[] {
-    const selector = [
-        'button:not([disabled])',
-        '[href]',
-        'input:not([disabled])',
-        'select:not([disabled])',
-        'textarea:not([disabled])',
-        '[tabindex]:not([tabindex="-1"])',
-    ].join(', ');
-
-    return Array.from(container.querySelectorAll<HTMLElement>(selector)).filter(
-        (el) => {
-            const style = window.getComputedStyle(el);
-            return style.display !== 'none' && style.visibility !== 'hidden';
-        }
-    );
-}
-
-/** Tab wraps first↔last inside `container`. Caller should pair with `saveFocus` / `returnFocus`. */
-export function trapFocus(container: HTMLElement): () => void {
-    const focusableElements = getFocusableElements(container);
-    
-    if (focusableElements.length === 0) {
-        return () => {};
-    }
-
-    const firstElement = focusableElements[0];
-    const lastElement = focusableElements[focusableElements.length - 1];
-
-    firstElement.focus();
-
-    function handleKeydown(event: KeyboardEvent) {
-        if (event.key !== 'Tab') {
-            return;
-        }
-
-        const currentFocus = document.activeElement as HTMLElement;
-
-        if (!focusableElements.includes(currentFocus)) {
-            event.preventDefault();
-            firstElement.focus();
-            return;
-        }
-
-        if (event.shiftKey) {
-            if (currentFocus === firstElement) {
-                event.preventDefault();
-                lastElement.focus();
-            }
-        } else {
-            if (currentFocus === lastElement) {
-                event.preventDefault();
-                firstElement.focus();
-            }
-        }
-    }
-
-    container.addEventListener('keydown', handleKeydown);
-
-    return () => {
-        container.removeEventListener('keydown', handleKeydown);
-    };
-}
-
-/** One entry per overlay open; `returnFocus` pops LIFO (nested modals). */
-const focusReturnStack: Array<HTMLElement | null> = [];
-
-export function saveFocus(): void {
-    if (typeof document === 'undefined') {
-        return;
-    }
-    const active = document.activeElement;
-    if (active instanceof HTMLElement && active !== document.body) {
-        focusReturnStack.push(active);
-    } else {
-        focusReturnStack.push(null);
-    }
-}
-
-/** Restores focus from the last `saveFocus`. Skips disconnected or unfocusable nodes. */
-export function returnFocus(): void {
-    if (typeof document === 'undefined') {
-        return;
-    }
-    const el = focusReturnStack.pop();
-    if (!el) {
-        return;
-    }
-    if (typeof el.focus !== 'function' || !el.isConnected) {
-        return;
-    }
-    try {
-        el.focus({ preventScroll: true });
-    } catch {
-        /* embeds / shadow roots may reject programmatic focus */
-    }
-}
-
-export function focusFirstElement(container: HTMLElement): void {
-    const focusableElements = getFocusableElements(container);
-    if (focusableElements.length > 0) {
-        focusableElements[0].focus();
-    }
-}

package/dist/routes/lib/ssr-safe.ts

@@ -1,58 +0,0 @@
-/**
- * Browser-only guards and id generation for components that run under SSR.
- * `generateId()` is non-deterministic on the client (random) vs counter on the server —
- * use stable ids for ARIA pairs (e.g. `menuId` on NavigationMenu), not for persisted keys.
- */
-
-export function isBrowser(): boolean {
-    return typeof window !== 'undefined';
-}
-
-export function safeWindow(): Window | undefined {
-    return isBrowser() ? window : undefined;
-}
-
-export function safeDocument(): Document | undefined {
-    return isBrowser() ? document : undefined;
-}
-
-export function safeLocalStorage(): Storage | undefined {
-    return isBrowser() ? localStorage : undefined;
-}
-
-export function safeSessionStorage(): Storage | undefined {
-    return isBrowser() ? sessionStorage : undefined;
-}
-
-export function safeRequestAnimationFrame(callback: FrameRequestCallback): number | undefined {
-    return isBrowser() ? requestAnimationFrame(callback) : undefined;
-}
-
-export function safeSetTimeout(callback: () => void, delay: number): NodeJS.Timeout | undefined {
-    return isBrowser() ? setTimeout(callback, delay) : undefined;
-}
-
-export function safeClearTimeout(id: NodeJS.Timeout | undefined): void {
-    if (isBrowser() && id) {
-        clearTimeout(id);
-    }
-}
-
-export function safeSetInterval(callback: () => void, delay: number): NodeJS.Timeout | undefined {
-    return isBrowser() ? setInterval(callback, delay) : undefined;
-}
-
-export function safeClearInterval(id: NodeJS.Timeout | undefined): void {
-    if (isBrowser() && id) {
-        clearInterval(id);
-    }
-}
-
-let idCounter = 0;
-export function generateId(prefix: string = 'id'): string {
-    if (isBrowser()) {
-        return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
-    } else {
-        return `${prefix}-ssr-${++idCounter}`;
-    }
-}

package/scripts/fix-lucide-svelte-icon-dts.js

@@ -1,35 +0,0 @@
-#!/usr/bin/env node
-/**
- * @lucide/svelte (0.544.x) ships `dist/icons/*.svelte.d.ts` with a duplicate
- * `type X = ReturnType<typeof X>` line that makes some TypeScript language
- * services treat the file as a non-module; re-exports from the package root
- * then fail (e.g. `Check` / `Copy` missing). Strip those lines after install.
- */
-import fs from "fs";
-import path from "path";
-import { fileURLToPath } from "url";
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const iconsDir = path.join(__dirname, "..", "node_modules", "@lucide", "svelte", "dist", "icons");
-
-const duplicateTypeLine = /\r?\ntype (\w+) = ReturnType<typeof \1>;\r?\n/g;
-
-function fixFile(filePath) {
-    let text = fs.readFileSync(filePath, "utf8");
-    const next = text.replace(duplicateTypeLine, "\n");
-    if (next !== text) {
-        fs.writeFileSync(filePath, next);
-    }
-}
-
-function main() {
-    if (!fs.existsSync(iconsDir)) {
-        return;
-    }
-    for (const name of fs.readdirSync(iconsDir)) {
-        if (!name.endsWith(".svelte.d.ts")) continue;
-        fixFile(path.join(iconsDir, name));
-    }
-}
-
-main();