zabi-components 7.0.2 → 8.0.0

package/docs/lucide-icons.md

@@ -21,4 +21,6 @@ Showcase and demo routes under this repo import additional icons (e.g. `CircleQu
 
 ## Typings for `@lucide/svelte/icons/*`
 
-Some versions of `@lucide/svelte` ship per-icon `.d.ts` files that confuse certain TypeScript setups. The published package runs **`postinstall`** → `scripts/fix-lucide-svelte-icon-dts.js` (the script is included in the npm tarball). Keep install scripts enabled, or run that script manually after install if you use `--ignore-scripts`.
+`@lucide/svelte` 0.544.x ships per-icon `.svelte.d.ts` files with a duplicate `type X = ReturnType<typeof X>` line that makes some TypeScript language services treat them as non-modules. This affects editor tooling only, not runtime or builds with `skipLibCheck`.
+
+Since 8.0.0 the package **does not run any install scripts** in your project. If your editor reports missing icon exports such as `Check` or `Copy`, prefer importing per-icon paths (`@lucide/svelte/icons/check`), enable `skipLibCheck`, or upgrade `@lucide/svelte`. Contributors to this repo get the patch automatically via the dev-only `prepare` script.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zabi-components",
-  "version": "7.0.2",
+  "version": "8.0.0",
   "description": "Svelte 5 UI components with TypeScript and Tailwind CSS v4. Accessible, easy to theme, works with SSR.",
   "type": "module",
   "main": "dist/index.js",
@@ -31,17 +31,13 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/types/index.js"
     },
-    "./react": {
-      "types": "./dist/react/index.d.ts",
-      "import": "./dist/react/index.js"
-    },
     "./lib/ssr-safe": {
-      "types": "./dist/routes/lib/ssr-safe.ts",
-      "import": "./dist/routes/lib/ssr-safe.ts"
+      "types": "./dist/util/ssr-safe.d.ts",
+      "import": "./dist/util/ssr-safe.js"
     },
     "./lib/variant-utils": {
-      "types": "./dist/routes/lib/variant-utils.ts",
-      "import": "./dist/routes/lib/variant-utils.ts"
+      "types": "./dist/routes/lib/variant-utils.d.ts",
+      "import": "./dist/routes/lib/variant-utils.js"
     },
     "./dist/zabi-components.css": "./dist/zabi-components.css",
     "./dist/zabi-components-colors.css": "./dist/zabi-components-colors.css",
@@ -63,8 +59,7 @@
     "THEME.md",
     "THEMING.md",
     "docs/theme-imports.md",
-    "docs/lucide-icons.md",
-    "scripts/fix-lucide-svelte-icon-dts.js"
+    "docs/lucide-icons.md"
   ],
   "keywords": [
     "svelte",
@@ -87,15 +82,15 @@
     "dev": "vite dev",
     "build": "vite build && npm run build:types",
     "build:components": "svelte-package -o dist --input src/components",
-    "build:lib-files": "mkdir -p dist/routes/lib dist/types && cp src/components/util/ssr-safe.ts dist/routes/lib/ && cp src/routes/lib/variant-utils.ts dist/routes/lib/ && cp src/components/util/focus-utils.ts dist/routes/lib/ && cp src/components/types/variants.ts dist/types/ && cp src/components/types/page.types.ts dist/types/",
+    "build:lib-files": "mkdir -p dist/routes/lib dist/types && cp src/components/types/variants.ts dist/types/ && cp src/components/types/page.types.ts dist/types/ && tsc src/routes/lib/variant-utils.ts --declaration --module esnext --target es2020 --moduleResolution bundler --skipLibCheck --rootDir src --outDir .lib-tmp && cp .lib-tmp/routes/lib/variant-utils.js .lib-tmp/routes/lib/variant-utils.d.ts dist/routes/lib/ && rm -rf .lib-tmp",
     "build:fix-imports": "node scripts/fix-package-imports.js",
     "build:lib": "npm run build:css && npm run build:components && npm run build:lib-files && npm run build:fix-imports && npm run build:types && npm run build:css && node scripts/verify-build.js",
-    "sync:tokens": "node scripts/sync-theme-tokens.js",
-    "build:css": "npm run sync:tokens && node scripts/build-css.js && node scripts/validate-theme.js",
+    "sync:tokens": "node scripts/sync-theme-tokens.js && node scripts/generate-ramps.js && node scripts/generate-surfaces.js",
+    "build:css": "npm run sync:tokens && node scripts/build-css.js && node scripts/validate-theme.js && npm run check:design",
     "check:tokens": "node scripts/check-token-violations.js",
-    "build:types": "tsc --project tsconfig.lib.json && cp dist/components/util/focus-utils.d.ts dist/routes/lib/ && node scripts/emit-components-types-runtime.js",
+    "build:types": "tsc --project tsconfig.lib.json && node scripts/emit-components-types-runtime.js",
     "preview": "vite preview",
-    "check": "svelte-check --tsconfig ./tsconfig.json && node scripts/check-component-imports.js && node scripts/check-layout-width.js",
+    "check": "svelte-check --tsconfig ./tsconfig.json && node scripts/check-component-imports.js && node scripts/check-layout-width.js && npm run check:design",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest run",
@@ -104,12 +99,16 @@
     "test:e2e:smoke": "playwright test --grep @smoke",
     "test:playwright": "npm run test:e2e",
     "test:themes": "node --test tests/theme-output.test.js",
+    "prepare": "node scripts/fix-lucide-svelte-icon-dts.js",
     "prepublishOnly": "npm run build:lib",
     "publish:npm": "npm publish --access public --registry https://registry.npmjs.org/",
-    "postinstall": "node scripts/fix-lucide-svelte-icon-dts.js"
+    "check:ramps": "node scripts/check-ramp-lightness.js",
+    "check:contrast": "node scripts/check-contrast.js",
+    "check:geometry": "node scripts/check-control-geometry.js",
+    "check:design": "npm run check:ramps && npm run check:contrast && npm run check:geometry && npm run check:tokens"
   },
   "devDependencies": {
-    "@playwright/test": "^1.52.0",
+    "@playwright/test": "^1.63.0",
     "@storybook/addon-docs": "^10.2.19",
     "@storybook/sveltekit": "^10.2.19",
     "@sveltejs/adapter-auto": "^7.0.0",
@@ -122,7 +121,6 @@
     "@testing-library/user-event": "^14.6.1",
     "@tsconfig/svelte": "^5.0.5",
     "@types/node": "^24.5.2",
-    "@types/react": "^19.2.2",
     "autoprefixer": "^10.4.17",
     "culori": "^4.0.2",
     "jsdom": "^29.0.2",
@@ -136,11 +134,11 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.544.0"
+    "@lucide/svelte": "^0.544.0",
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
-    "react": "^18.0.0",
     "svelte": "^5.43.8"
   },
   "peerDependenciesMeta": {
@@ -149,9 +147,6 @@
     },
     "@sveltejs/kit": {
       "optional": true
-    },
-    "react": {
-      "optional": true
     }
   },
   "overrides": {

package/dist/lib/layout-width-tokens.d.ts

@@ -1,17 +0,0 @@
-/**
- * Named aliases for layout widths that are otherwise enforced as literals in
- * `scripts/layout-width-policy.js` (see `ARBITRARY_MAX_WIDTH`).
- *
- * **Sync rule:** values MUST match `ARBITRARY_MAX_WIDTH` keys exactly. After
- * changing policy, update this file (or vice versa) and run `npm run check`.
- *
- * Prefer `<Container>` / `<Section>` `maxWidth` for screen tokens; use these
- * only where a fixed arbitrary literal is still required (shell, demos).
- */
-export declare const layoutArbitraryWidth: {
-    /** DOCS_CATALOG_SIDEBAR_CAP — mobile drawer cap for /components sidebar */
-    readonly docsCatalogSidebar: "max-w-[266px]";
-    /** SIDEBAR_APP_SHELL_RAIL — showcase app-shell sidebar column demo */
-    readonly showcaseSidebarRail: "max-w-[280px]";
-};
-//# sourceMappingURL=layout-width-tokens.d.ts.map

package/dist/lib/layout-width-tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-width-tokens.d.ts","sourceRoot":"","sources":["../../src/lib/layout-width-tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB;IAC7B,2EAA2E;;IAE3E,sEAAsE;;CAEhE,CAAC"}

package/dist/lib/showcase/component-docs/Button.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=Button.d.ts.map

package/dist/lib/showcase/component-docs/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAiDhB,CAAC"}

package/dist/lib/showcase/component-docs/Input.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=Input.d.ts.map

package/dist/lib/showcase/component-docs/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAmChB,CAAC"}

package/dist/lib/showcase/component-docs/List.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=List.d.ts.map

package/dist/lib/showcase/component-docs/List.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/List.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAoNhB,CAAC"}

package/dist/lib/showcase/component-docs/Modal.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=Modal.d.ts.map

package/dist/lib/showcase/component-docs/Modal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YA+BhB,CAAC"}

package/dist/lib/showcase/component-docs/Radio.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/lib/showcase/component-docs/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YAyEhB,CAAC"}

package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=SidebarNavigation.d.ts.map

package/dist/lib/showcase/component-docs/SidebarNavigation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidebarNavigation.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/SidebarNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9D,eAAO,MAAM,GAAG,EAAE,YA2ChB,CAAC"}

package/dist/lib/showcase/component-docs/Skeleton.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare const doc: ComponentDoc;
-//# sourceMappingURL=Skeleton.d.ts.map

package/dist/lib/showcase/component-docs/Skeleton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/Skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAM9D,eAAO,MAAM,GAAG,EAAE,YA4EhB,CAAC"}

package/dist/lib/showcase/component-docs/_shared.d.ts

@@ -1,12 +0,0 @@
-import type { ComponentCategory, ComponentDoc, ComponentDocExample } from "../../../types/page.types";
-export declare function demoId(componentName: string, suffix: string): string;
-export declare function defaultExample(componentName: string, example: Omit<ComponentDocExample, "demoId"> & {
-    demoId?: string;
-}): ComponentDocExample;
-export declare function makeDoc(doc: Omit<ComponentDoc, "defaultExample"> & {
-    defaultExample: Omit<ComponentDoc["defaultExample"], "demoId"> & {
-        demoId?: string;
-    };
-}): ComponentDoc;
-export declare function categoryDocId(category: ComponentCategory): string;
-//# sourceMappingURL=_shared.d.ts.map

package/dist/lib/showcase/component-docs/_shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"_shared.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/_shared.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEtG,wBAAgB,MAAM,CAAC,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpE;AAED,wBAAgB,cAAc,CAC1B,aAAa,EAAE,MAAM,EACrB,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,QAAQ,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GACnE,mBAAmB,CAQrB;AAED,wBAAgB,OAAO,CACnB,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG;IACxC,cAAc,EAAE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG;QAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,GACF,YAAY,CAYd;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,iBAAiB,GAAG,MAAM,CAEjE"}

package/dist/lib/showcase/component-docs/index.d.ts

@@ -1,4 +0,0 @@
-import type { ComponentDoc } from "../../../types/page.types";
-export declare function allComponentDocs(): ComponentDoc[];
-export declare function getComponentDocByName(name: string): ComponentDoc | undefined;
-//# sourceMappingURL=index.d.ts.map

package/dist/lib/showcase/component-docs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/showcase/component-docs/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAoB9D,wBAAgB,gBAAgB,IAAI,YAAY,EAAE,CAEjD;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAG5E"}

package/dist/lib/showcase/components-catalog.d.ts

@@ -1,3 +0,0 @@
-import type { ComponentMetadata } from "../../types/page.types";
-export declare const componentsCatalog: Record<string, ComponentMetadata[]>;
-//# sourceMappingURL=components-catalog.d.ts.map

package/dist/lib/showcase/components-catalog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components-catalog.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/components-catalog.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,EAAE,CAmjFjE,CAAC"}

package/dist/lib/showcase/components-showcase-constants.d.ts

@@ -1,89 +0,0 @@
-export declare const categories: {
-    id: string;
-    label: string;
-    description: string;
-}[];
-export declare const sampleCode = "function greet(name) {\n  return `Hello, ${name}!`;\n}\n\nconsole.log(greet('World'));";
-export declare const selectOptions: {
-    value: string;
-    label: string;
-}[];
-export declare const docsListItems: ({
-    id: string;
-    label: string;
-    description: string;
-    href: string;
-    disabled?: undefined;
-} | {
-    id: string;
-    label: string;
-    description: string;
-    href?: undefined;
-    disabled?: undefined;
-} | {
-    id: string;
-    label: string;
-    description: string;
-    href: string;
-    disabled: boolean;
-})[];
-export declare const sidebarNavItems: ({
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    badgeCount?: undefined;
-    group?: undefined;
-} | {
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    badgeCount: number;
-    group?: undefined;
-} | {
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    group: "secondary";
-    badgeCount?: undefined;
-})[];
-/** Richer nav for the “app shell” demo on the SidebarNavigation showcase page. */
-export declare const sidebarAppShellDemoItems: ({
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    section: string;
-    badgeCount?: undefined;
-    group?: undefined;
-} | {
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    section: string;
-    badgeCount: number;
-    group?: undefined;
-} | {
-    id: string;
-    label: string;
-    href: string;
-    icon: import("svelte").Component<import("@lucide/svelte").IconProps, {}, "">;
-    group: "secondary";
-    section?: undefined;
-    badgeCount?: undefined;
-})[];
-export declare const sidebarProjectItems: ({
-    id: string;
-    label: string;
-    description: string;
-    badgeText: string;
-} | {
-    id: string;
-    label: string;
-    description: string;
-    badgeText?: undefined;
-})[];
-//# sourceMappingURL=components-showcase-constants.d.ts.map

package/dist/lib/showcase/components-showcase-constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components-showcase-constants.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/components-showcase-constants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU;;;;GAiBtB,CAAC;AAEF,eAAO,MAAM,UAAU,2FAIM,CAAC;AAE9B,eAAO,MAAM,aAAa;;;GAGvB,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;IAyBzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;IAmB3B,CAAC;AAEF,kFAAkF;AAClF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;IAmDpC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;IAuB/B,CAAC"}

package/dist/lib/showcase/docs-sidebar-helpers.d.ts

@@ -1,15 +0,0 @@
-import type { Component } from "svelte";
-type SidebarNavIcon = Component<{
-    size?: number;
-    class?: string;
-}>;
-/**
- * Icon for a documentation sidebar category row.
- */
-export declare function getDocsCategoryIcon(categoryId: string): SidebarNavIcon;
-/**
- * Icon for a documentation sidebar component row.
- */
-export declare function getDocsComponentIcon(componentName: string, componentCategory: string): SidebarNavIcon;
-export {};
-//# sourceMappingURL=docs-sidebar-helpers.d.ts.map

package/dist/lib/showcase/docs-sidebar-helpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"docs-sidebar-helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/showcase/docs-sidebar-helpers.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,KAAK,cAAc,GAAG,SAAS,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEnE;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,CAKtE;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,aAAa,EAAE,MAAM,EACrB,iBAAiB,EAAE,MAAM,GAC1B,cAAc,CAgBhB"}

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

@@ -1,12 +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 declare const FOCUS_BRAND_CLASS = "focus-brand";
-export declare const FOCUS_NAV_CLASS = "focus-nav";
-export declare function getFocusableElements(container: HTMLElement): HTMLElement[];
-/** Tab wraps first↔last inside `container`. Caller should pair with `saveFocus` / `returnFocus`. */
-export declare function trapFocus(container: HTMLElement): () => void;
-export declare function saveFocus(): void;
-/** Restores focus from the last `saveFocus`. Skips disconnected or unfocusable nodes. */
-export declare function returnFocus(): void;
-export declare function focusFirstElement(container: HTMLElement): void;
-//# sourceMappingURL=focus-utils.d.ts.map

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();