zabi-components 7.0.2 → 8.1.0

package/docs/lucide-icons.md

@@ -1,24 +1,49 @@
 # Lucide icons used by zabi-components
 
-The package depends on `@lucide/svelte`. If your app **aliases** `@lucide/svelte` to a hand-authored barrel, re-export every icon the library imports, or drop the alias and use the real package (or per-icon paths only).
+The package depends on `@lucide/svelte`. Every component imports each icon it uses from that icon's own file:
 
-## Packaged components (from the `zabi-components` build)
+```ts
+import ChevronDown from "@lucide/svelte/icons/chevron-down";
+```
 
-| Source | Import style | Icons |
-|--------|--------------|--------|
-| `CodeBlock` | Per-icon path | `check`, `copy` |
-| `ThemeToggle` | Barrel | `Sun`, `Moon` |
-| `ListItem` | Barrel | `ArrowRight` |
-| `Badge` | Barrel | `Check`, `AlertTriangle`, `X`, `Info` |
-| `ImageUpload` | Barrel | `Image` |
-| `Input` | Barrel | `CheckCircle`, `AlertTriangle`, `AlertCircle` |
-| `Select` | Barrel | `ChevronDown`, `CheckCircle`, `AlertTriangle`, `AlertCircle` |
-| `SidebarPanel` | Barrel | `Search`, `X` |
-| `SidebarAccountPanel` | Barrel | `LogOut`, `Moon`, `Sun`, `User` |
-| `SidebarNavigation` | Barrel | `Command`, `Search` |
+No component imports from the package's barrel (`import { ChevronDown } from "@lucide/svelte"`). The barrel re-exports every icon, about 1,700 Svelte files, and a bundler has to read and compile all of them to find the one that is used: a SvelteKit app with a single `<Button>` from this library transformed 3,800 modules for its client build when the library used the barrel, and 366 now. `npm run check` fails on a barrel import anywhere under `src` (the components, the stories, the docs site and the catalog's code samples), in `docs`, `.storybook` and the README, because the examples are what gets copied; `npm run build:lib` fails on one in `dist` (`scripts/lucide-barrel.js`). The one exception is `src/types/IconPropsCheck.svelte`, the type test that proves an icon from the barrel is still accepted by every icon prop.
 
-Showcase and demo routes under this repo import additional icons (e.g. `CircleQuestionMark`, `Heart`); those are **not** required for consumers who only install the library.
+## In your app
+
+Import icons the same way, one file each. It is the barrel import that is slow, not the number of icons you use.
+
+```svelte
+<script lang="ts">
+    import { List } from "zabi-components";
+    import House from "@lucide/svelte/icons/house";
+    import Settings from "@lucide/svelte/icons/settings";
+
+    const items = [
+        { id: "1", label: "Home", icon: House },
+        { id: "2", label: "Settings", icon: Settings },
+    ];
+</script>
+```
+
+A barrel-imported icon still works wherever a prop takes an icon: the two are the same component with the same type (`src/types/IconPropsCheck.svelte` holds that in `npm run check`). It only costs you the build time described above.
+
+## Icons re-exported from the package root
+
+For convenience the root entry re-exports a few icons: `Sun`, `Moon`, `Monitor`, `Grip`, `GripVertical`, `ChevronUp`, `ChevronDown`, `ChevronRight`, `Zap`, `Briefcase`, `Clipboard` and `Settings`. Each comes from its own file, so `import { Button } from "zabi-components"` does not reach the barrel.
+
+## If your app aliases `@lucide/svelte`
+
+An alias for `@lucide/svelte` itself no longer covers what the library imports: the components ask for `@lucide/svelte/icons/<name>`. If you replace Lucide with a hand-authored set, alias those paths, for each of these files:
+
+`arrow-left`, `arrow-right`, `briefcase`, `check`, `chevron-down`, `chevron-left`, `chevron-right`, `chevron-up`, `circle-alert`, `circle-check-big`, `clipboard`, `command`, `copy`, `external-link`, `grip`, `grip-vertical`, `image`, `image-off`, `info`, `log-out`, `menu`, `monitor`, `moon`, `octagon-alert`, `play`, `plus`, `search`, `settings`, `star`, `sun`, `trash-2`, `triangle-alert`, `user`, `x`, `zap`.
+
+Showcase and demo routes under this repo import additional icons, some of them from the barrel; those are not part of the package.
 
 ## 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, so an editor may report that an icon has no default export. It affects editor tooling only, not runtime and not a build.
+
+The package runs no install scripts in your project, and since 8.1.0 it lists none either: the dev-only `prepare` script is gone, so installing from a tarball no longer makes npm print an `install-scripts` notice.
+
+- In your app: if your editor complains, enable `skipLibCheck` or upgrade `@lucide/svelte`.
+- In this repo: `npm run check` (svelte-check) and `npm run build:lib` pass on a fresh install without any patch. If your editor still shows the error, run `npm run fix:lucide-types` once after installing; it strips the duplicate line from the files in `node_modules` and changes nothing else.

package/docs/theme-imports.md

@@ -12,8 +12,74 @@ For most Tailwind v4 apps, use:
 @import "zabi-components/theme-dark-only";
 ```
 
+Without Tailwind, import the compiled stylesheet on its own:
+
+```css
+@import "zabi-components/css";
+```
+
 Use short package exports by default. Legacy deep `dist` imports remain supported for compatibility.
 
+## What the theme files contain
+
+`theme` and `theme-only` hold three things:
+
+1. An `@source` directive for the package's own components. Tailwind CSS v4 does not scan `node_modules`, and this is what makes it generate the classes the components use. You do not need an `@source` line of your own.
+2. The `@theme` block with every token.
+3. The hand-written component rules that Tailwind cannot generate from the tokens: `.focus-ring`, `.text-action-primary`, the action hover, active and disabled states, the semantic colour classes and the `z-*` scale.
+
+`theme-dark` and `theme-dark-only` hold the dark overrides, under three selectors:
+
+```css
+.dark, [data-theme="dark"] { … }
+@media (prefers-color-scheme: dark) { [data-theme="auto"] { … } }
+```
+
+Put `class="dark"` or `data-theme="dark"` on `<html>` for dark, `data-theme="auto"` to follow the system, and `data-theme="light"` (or nothing) for light. Following the system is opt-in. See [THEMING.md](../THEMING.md#light-dark-and-auto).
+
+The dark files only remap roles. The raw palettes (`--zabi-brand-*`, `--zabi-accent-*`, `--zabi-base-*` and the rest) are declared once, in the light theme, so that an app's override of them on `:root` applies in both modes. Before 8.1.0 the dark files restated those ramps; they no longer do, so a dark file must be imported together with a light one (`theme`, `theme-only`, or `colors`, which has both).
+
+## Rebranding
+
+Generate one file from your brand colour and import it after the theme files:
+
+```bash
+npx zabi-theme --brand "#C17B00" --neutral "#78716c" --out src/lib/brand.generated.css
+```
+
+```css
+/* src/lib/theme.css */
+@import "zabi-components/theme-only";
+@import "zabi-components/theme-dark-only";
+@import "./brand.generated.css"; /* --zabi-brand-*, --zabi-accent-*, --zabi-base-* */
+
+:root {
+  --font-family-heading: "Your Display Font", var(--font-family-sans);
+}
+```
+
+One file covers light and dark. Which tokens an app may set, the generator's
+options and what does not follow an override are in the theming guide,
+[THEMING.md](../THEMING.md). The same function is exported as `createTheme()`
+from `zabi-components/create-theme`.
+
+The universal scrollbar rules are in the compiled `css` bundle only. Importing a theme does not restyle the scrollbars in your app; add `.scrollbar-semantic` where you want them.
+
+## Tailwind together with the compiled stylesheet
+
+`zabi-components/css` is a finished Tailwind build. It carries its own copy of every utility the components use, `w-full`, `px-6` and `mt-10` among them, in the same `utilities` layer your Tailwind build writes to. Two builds cannot be sorted into one order, so the import order decides which copy wins:
+
+- **Tailwind first, `css` second.** The package's plain utilities land after your variants. `w-full md:w-1/2` stays full width, and `px-6 md:px-8` keeps the narrow padding, wherever the package ships the plain class too.
+- **`css` first, Tailwind second.** Your plain utilities land after the package's variants. `Modal` declares `items-end md:items-center` and `p-0 md:p-4`; if your app uses `items-end` or `p-0` anywhere, the dialog stays at the bottom edge, without padding, on wide screens. A component's own `p-6 pt-0` loses its `pt-0` the same way.
+
+Neither order is right. With Tailwind in the app, import `theme-only` and `theme-dark-only` instead, as above: Tailwind then generates each utility once, in its own order, and both cases resolve. If you started on 8.0.0, where `css` was the only import that worked, switch when you upgrade.
+
+The hand-written colour classes (`bg-card`, `text-headline`, `border-border` and the rest) are outside every layer, in `css` and in the theme files alike, so they win over any utility on the same element: `bg-card md:bg-red-500` keeps the card colour. Change the colour by replacing the class, not by adding a variant next to it.
+
+## Version 8.0.0 and earlier
+
+In 8.0.0 and 7.0.2 the theme files were published without semicolons, without the `@source` directive and without the component rules, so they left components unstyled. Upgrade, or import `zabi-components/css`, which worked in those versions too.
+
 ## Package export paths
 
 Use these subpaths with your bundler or `npm`/`pnpm` resolution:
@@ -22,10 +88,11 @@ Use these subpaths with your bundler or `npm`/`pnpm` resolution:
 |--------|-------------|----------|
 | `zabi-components/theme` | `zabi-components-theme.css` | Tailwind **not** already in the project; ships `@import "tailwindcss"` + `@theme`. |
 | `zabi-components/theme-only` | `zabi-components-theme-only.css` | Tailwind **already** configured; merge only the `@theme` block. |
-| `zabi-components/theme-dark` | `zabi-components-theme-dark.css` | Same as `theme` but for **dark**; includes Tailwind import + `.dark { … }`. |
-| `zabi-components/theme-dark-only` | `zabi-components-theme-dark-only.css` | Tailwind present; **only** `.dark { … }` overrides (import after light theme). |
-| `zabi-components/colors` | `zabi-components-colors.css` | **No Tailwind**: `:root` + `.dark` CSS variables only. |
+| `zabi-components/theme-dark` | `zabi-components-theme-dark.css` | Tailwind import + the dark overrides (`.dark`, `[data-theme]`); import after `theme`. |
+| `zabi-components/theme-dark-only` | `zabi-components-theme-dark-only.css` | Tailwind present; **only** the dark overrides (import after light theme). |
+| `zabi-components/colors` | `zabi-components-colors.css` | **No Tailwind**: `:root` + dark (`.dark`, `[data-theme]`) CSS variables only. |
 | `zabi-components/css` | `zabi-components.css` | Full compiled CSS (utilities, components styles, dark). |
+| `zabi-components/create-theme` | `create-theme/index.js` | Not CSS: the `createTheme()` function behind the `zabi-theme` command. |
 
 ### Legacy export paths (supported, deprecated in docs)
 
@@ -43,7 +110,7 @@ These are still exported for backward compatibility but are not the recommended
 ## Decision matrix
 
 1. **Vanilla CSS or no Tailwind** → `colors` (or full `css` if you need utility classes from the bundle).
-2. **Tailwind v4 app, extend design tokens** → `theme-only` (+ `theme-dark-only` if you use `class="dark"` / dark mode).
+2. **Tailwind v4 app, extend design tokens** → `theme-only` (+ `theme-dark-only` if you use `class="dark"` / `data-theme` / dark mode).
 3. **Minimal setup, one import for light** → `theme`.
 4. **Dark as a second file** → `theme` + `theme-dark`, or `theme-only` + `theme-dark-only`.
 
@@ -85,16 +152,17 @@ These are still exported for backward compatibility but are not the recommended
 @import "zabi-components/colors";
 ```
 
-Toggle `.dark` at the root element to activate dark tokens:
+Toggle `.dark` at the root element to activate dark tokens, or use `data-theme`:
 
 ```html
 <html class="dark">
+<html data-theme="auto">
 ```
 
 ## Maintainer checklist (token changes)
 
-1. Edit **`src/app.css`** only (`@theme` for light tokens, `.dark` for overrides).
-2. If you change **physical base ramp** hexes, keep the **mirrored** `--zabi-base-*` block inside `.dark` in sync with `@theme` (required for standalone dark imports).
+1. Edit **`src/app.css`** only (`@theme` for light tokens, the single `.dark` rule for overrides).
+2. Physical ramps (`--zabi-*`) are declared in `@theme` only. `.dark` must not restate them or hold a hex literal; `validate-theme.js` fails the build if it does.
 3. Run **`npm run build:css`** (or **`npm run build:lib`** before publish).
 4. Confirm **`node scripts/verify-build.js`** passes in CI or locally after builds.
 
@@ -102,11 +170,13 @@ Toggle `.dark` at the root element to activate dark tokens:
 
 | File | Contents |
 |------|----------|
-| `zabi-components.css` | PostCSS/Tailwind output: utilities + theme + `.dark`. |
+| `zabi-components.css` | PostCSS/Tailwind output: utilities + theme + dark. |
 | `zabi-components-theme.css` | `@import tailwind` + `@theme`. |
 | `zabi-components-theme-only.css` | `@theme` only. |
-| `zabi-components-theme-dark.css` | `@import tailwind` + `.dark`. |
-| `zabi-components-theme-dark-only.css` | `.dark` only. |
-| `zabi-components-colors.css` | `:root` + `.dark` as plain custom properties. |
+| `zabi-components-theme-dark.css` | `@import tailwind` + dark. |
+| `zabi-components-theme-dark-only.css` | dark only. |
+| `zabi-components-colors.css` | `:root` + dark as plain custom properties. |
+
+"dark" is the `.dark` rule of `src/app.css`, published as `.dark, [data-theme="dark"]` and again as `[data-theme="auto"]` inside `@media (prefers-color-scheme: dark)`, plus `color-scheme` for the three `data-theme` values.
 
 Build logic lives in **`scripts/build-css.js`** (see file header for behavior).

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zabi-components",
-  "version": "7.0.2",
-  "description": "Svelte 5 UI components with TypeScript and Tailwind CSS v4. Accessible, easy to theme, works with SSR.",
+  "version": "8.1.0",
+  "description": "Svelte 5 UI component library: accessible components with TypeScript types, Tailwind CSS v4 design tokens, light and dark themes, and SSR support for SvelteKit.",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -31,17 +31,17 @@
       "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"
+    },
+    "./create-theme": {
+      "types": "./dist/create-theme/index.d.ts",
+      "import": "./dist/create-theme/index.js"
     },
     "./dist/zabi-components.css": "./dist/zabi-components.css",
     "./dist/zabi-components-colors.css": "./dist/zabi-components-colors.css",
@@ -57,25 +57,42 @@
     "./css": "./dist/zabi-components.css",
     "./package.json": "./package.json"
   },
+  "bin": {
+    "zabi-theme": "./dist/create-theme/cli.js"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "files": [
     "dist",
     "README.md",
+    "CHANGELOG.md",
     "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",
     "svelte5",
+    "svelte-5",
     "sveltekit",
+    "svelte-components",
     "components",
+    "component-library",
     "ui",
+    "ui-components",
+    "design-system",
+    "design-tokens",
     "typescript",
     "tailwind",
+    "tailwindcss",
     "runes",
-    "ssr"
+    "ssr",
+    "accessibility",
+    "a11y",
+    "dark-mode",
+    "theming"
   ],
   "author": "Zabi Components Team",
   "license": "MIT",
@@ -87,29 +104,38 @@
     "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",
+    "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 && npm run build:create-theme && node scripts/verify-build.js",
+    "build:create-theme": "node scripts/build-create-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",
+    "build:storybook-site": "rm -rf static/storybook && storybook build -o storybook-static --quiet && cp -R storybook-static static/storybook",
+    "build:site": "npm run build:storybook-site && vite build",
+    "vercel-build": "npm run build:site",
     "test": "vitest run",
     "test:watch": "vitest",
     "test:e2e": "playwright test",
     "test:e2e:smoke": "playwright test --grep @smoke",
     "test:playwright": "npm run test:e2e",
-    "test:themes": "node --test tests/theme-output.test.js",
+    "test:themes": "node --test --test-concurrency=1 tests/theme-output.test.js tests/create-theme.test.js",
+    "fix:lucide-types": "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:states": "node scripts/check-state-variants.js",
+    "check:design": "npm run check:ramps && npm run check:contrast && npm run check:geometry && npm run check:tokens && npm run check:states"
   },
   "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,9 +148,7 @@
     "@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",
     "postcss": "^8.4.35",
     "storybook": "^10.2.19",
@@ -136,11 +160,12 @@
     "vitest": "^3.2.4"
   },
   "dependencies": {
-    "@lucide/svelte": "^0.544.0"
+    "@lucide/svelte": "^0.544.0",
+    "culori": "^4.0.2",
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
     "@sveltejs/kit": "^2.0.0",
-    "react": "^18.0.0",
     "svelte": "^5.43.8"
   },
   "peerDependenciesMeta": {
@@ -149,9 +174,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