Update lapikit with new paths on lapikit package

.github/workflows/current.yml

@@ -7,6 +7,7 @@ on:
   pull_request:
     branches:
       - main
+
 jobs:
   build:
     uses: ./.github/workflows/integrations-test.yml

.github/workflows/release.yml

@@ -8,7 +8,6 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     timeout-minutes: 10
-    needs: build
 
     steps:
       - name: Checkout repository

README.md

@@ -39,7 +39,7 @@ Connect lapikit on your svelte configuration:
 
 ```js
 // svelte.config.js
-import { lapikitPreprocess } from 'lapikit/labs/preprocess';
+import { lapikitPreprocess } from 'lapikit/preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {

package.json

@@ -16,37 +16,38 @@
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"lint": "prettier --check . && eslint .",
 		"format": "prettier --write .",
-		"test:e2e": "playwright test"
+		"test:e2e": "playwright test",
+		"debug-path": "echo $PATH"
 	},
 	"devDependencies": {
-		"@eslint/compat": "^2.0.2",
-		"@eslint/js": "^9.39.2",
+		"@eslint/compat": "^2.1.0",
+		"@eslint/js": "^9.39.4",
 		"@lapikit/repl": "^0.0.0-insiders.fbbe434",
-		"@playwright/test": "^1.60.0",
-		"@sveltejs/adapter-node": "^5.5.2",
+		"@playwright/test": "^1.61.1",
+		"@sveltejs/adapter-node": "^5.5.7",
 		"@sveltejs/enhanced-img": "^0.10.4",
-		"@sveltejs/kit": "^2.50.2",
+		"@sveltejs/kit": "^2.68.0",
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",
 		"@tailwindcss/forms": "^0.5.11",
-		"@tailwindcss/typography": "^0.5.19",
-		"@tailwindcss/vite": "^4.1.18",
-		"@types/node": "^25.9.1",
-		"eslint": "^9.39.2",
+		"@tailwindcss/typography": "^0.5.20",
+		"@tailwindcss/vite": "^4.3.2",
+		"@types/node": "^26.0.1",
+		"eslint": "^9.39.4",
 		"eslint-config-lapikit": "^0.0.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-svelte": "^3.14.0",
-		"globals": "^17.3.0",
-		"lapikit": "^0.0.0-insiders.3744ba8",
+		"eslint-plugin-svelte": "^3.20.0",
+		"globals": "^17.7.0",
+		"lapikit": "^0.0.0-insiders.103a606",
 		"mdsvex": "^0.12.7",
-		"prettier": "^3.8.1",
-		"prettier-plugin-svelte": "^3.4.1",
-		"prettier-plugin-tailwindcss": "^0.7.2",
-		"svelte": "^5.51.0",
-		"svelte-check": "^4.4.2",
-		"tailwindcss": "^4.1.18",
+		"prettier": "^3.9.3",
+		"prettier-plugin-svelte": "^3.5.2",
+		"prettier-plugin-tailwindcss": "^0.7.4",
+		"svelte": "^5.56.4",
+		"svelte-check": "^4.7.1",
+		"tailwindcss": "^4.3.2",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.54.0",
-		"vite": "^7.3.1",
+		"typescript-eslint": "^8.62.0",
+		"vite": "^7.3.6",
 		"vite-plugin-devtools-json": "^1.0.0"
 	},
 	"dependencies": {

src/components/enum-chip.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModelPopoverProps } from 'lapikit/labs/components';
+	import type { ModelPopoverProps } from 'lapikit/components';
 	import { Info } from 'lucide-svelte';
 
 	let { values }: { values: string[] } = $props();

src/components/search.svelte

@@ -4,7 +4,7 @@
 	import type { SearchEntry } from '$lib/@types';
 	import { docsMetadata } from '$lib';
 	import { capitalize } from '$lib/utils';
-	import type { ModelPopoverProps } from 'lapikit/labs/components';
+	import type { ModelPopoverProps } from 'lapikit/components';
 	import { ChevronRight, Search, Puzzle, NotebookText, SquareFunction } from 'lucide-svelte';
 
 	const searchEntries: SearchEntry[] = docsMetadata.map((doc) => {

src/content/docs/changelog.md

@@ -1,6 +1,6 @@
 ---
-title: 'changelog'
-description: 'Follow the latest Lapikit developments, updates and fixes. Transparency and continuous improvement for your components.'
+title: "changelog"
+description: "Follow the latest Lapikit developments, updates and fixes. Transparency and continuous improvement for your components."
 ---
 
 # Changelog

src/content/docs/components/accordion.md

@@ -106,7 +106,7 @@ Use the `indicator` snippet to replace the default chevron with a custom element
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Accordion, AccordionItem } from 'lapikit/labs/components';\nimport { useAccordion } from 'lapikit/actions';"} />
+<LazyRepl lang="js" content={"import { Accordion, AccordionItem } from 'lapikit/components';\nimport { useAccordion } from 'lapikit/actions';"} />
 
 ## API References
 

src/content/docs/components/alert.md

@@ -108,7 +108,7 @@ Use the `close` snippet to replace the default `×` character with a custom clos
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Alert } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Alert } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/appbar.md

@@ -58,7 +58,7 @@ The `variant` prop controls the background and border style.
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Appbar } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Appbar } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/aspect-ratio.md

@@ -61,7 +61,7 @@ The `inline` property displays the component in the text flow, as an inline elem
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { AspectRatio } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { AspectRatio } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/avatar.md

@@ -70,7 +70,7 @@ Scales the diameter by a multiplier on top of `size`, in label mode only.
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Avatar } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Avatar } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/button.md

@@ -119,7 +119,7 @@ Pass `href` to render the button as an `<a>` element. The `disabled` prop remove
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Btn } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Btn } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/card.md

@@ -80,7 +80,7 @@ An interactive card lifts on hover and shows a ripple on click. This behaviour i
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Card } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Card } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/chip.md

@@ -89,7 +89,7 @@ Use `prepend` for an icon before the label, and `append` for an action typically
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the component directly:
 
-<LazyRepl lang="js" content={"import { Chip } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Chip } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/dialog.md

@@ -62,7 +62,7 @@ When `persistent` is set, clicking the backdrop or pressing Escape does not clos
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Dialog } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Dialog } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/dropdown.md

@@ -66,7 +66,7 @@ Closes the dropdown automatically when any element inside the panel is clicked.
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Dropdown } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Dropdown } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/icon.md

@@ -70,7 +70,7 @@ By default icons are hidden from assistive technologies (`decorative={true}`, `a
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Icon } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Icon } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/list.md

@@ -64,7 +64,7 @@ Add `nav` to `kit:list` (and `is="nav"`) for a navigation list. This increases p
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { List, ListItem } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { List, ListItem } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/modal.md

@@ -62,7 +62,7 @@ When `persistent` is set, pressing Escape does not close the modal. The user mus
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Modal } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Modal } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/popover.md

@@ -44,7 +44,7 @@ activator(model: ModelPopoverProps)
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Popover } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Popover } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/separator.md

@@ -47,7 +47,7 @@ Adds a leading margin to indent the separator from the left edge useful inside l
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Separator } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Separator } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/textfield.md

@@ -84,7 +84,7 @@ Adds a clear button that appears when the field has a value.
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Textfield } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Textfield } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/toolbar.md

@@ -73,7 +73,7 @@ Set `location` to `'top'` or `'bottom'` to pin the toolbar to the viewport edge
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Toolbar } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Toolbar } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/components/tooltip.md

@@ -63,7 +63,7 @@ Use the `tooltip` snippet to render any content inside the tooltip panel. When `
 
 If you aren't using the Lapikit preprocessor in `svelte.config.js`, import the components directly:
 
-<LazyRepl lang="js" content={"import { Tooltip } from 'lapikit/labs/components';"} />
+<LazyRepl lang="js" content={"import { Tooltip } from 'lapikit/components';"} />
 
 ## API Reference
 

src/content/docs/environments.md

@@ -56,7 +56,7 @@ For the same reason, IDE autocompletion is not available for `<kit:*>` tags. Ful
 
 ## Using Lapikit Without the Preprocessor
 
-If the false positives are a blocker for your workflow, you can use lapikit components directly without the preprocessor. Import them manually from `lapikit/labs/components` and use them like any standard Svelte component:
+If the false positives are a blocker for your workflow, you can use lapikit components directly without the preprocessor. Import them manually from `lapikit/components` and use them like any standard Svelte component:
 
 <LazyRepl lang="svelte" content={() => import('$examples/addons/component-without-preprocessor.svelte?raw')}>
 <ComponentWithoutPreprocessor/>

src/content/docs/migration-guide.md

@@ -40,7 +40,7 @@ Register the preprocessor in `svelte.config.js` instead:
 ```javascript
 // svelte.config.js
 import adapter from '@sveltejs/adapter-node';
-import { lapikitPreprocess } from 'lapikit/labs/preprocess';
+import { lapikitPreprocess } from 'lapikit/preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {

src/content/examples/addons/component-without-preprocessor.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import { KitBtn, KitDropdown, KitList, KitListItem } from 'lapikit/labs/components';
-	import type { ModelDropdownProps } from 'lapikit/labs/components';
+	import { KitBtn, KitDropdown, KitList, KitListItem } from 'lapikit/components';
+	import type { ModelDropdownProps } from 'lapikit/components';
 </script>
 
 <KitDropdown closeOnClick>

src/content/examples/components/accordion/indicator.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Anvil, BadgeMinus, BadgePlus, ChessRook } from 'lucide-svelte';
 	import { useAccordion } from 'lapikit/actions';
-	import type { ModelAccordionItemProps } from 'lapikit/labs/components';
+	import type { ModelAccordionItemProps } from 'lapikit/components';
 
 	const accordion = useAccordion();
 </script>

src/content/examples/components/dropdown/hover.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { ChevronDown } from 'lucide-svelte';
 
-	import type { ModelDropdownProps, ModelDropdownHandleProps } from 'lapikit/labs/components';
+	import type { ModelDropdownProps, ModelDropdownHandleProps } from 'lapikit/components';
 </script>
 
 <kit:dropdown openOnHover closeOnClick>

src/content/examples/components/dropdown/position.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModelDropdownProps } from 'lapikit/labs/components';
+	import type { ModelDropdownProps } from 'lapikit/components';
 </script>
 
 <div

src/content/examples/components/dropdown/preview.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { Settings, User, LogOut, ChevronDown } from 'lucide-svelte';
 
-	import type { ModelDropdownProps } from 'lapikit/labs/components';
+	import type { ModelDropdownProps } from 'lapikit/components';
 </script>
 
 <kit:dropdown closeOnClick>

src/content/examples/components/popover/position.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModelPopoverProps } from 'lapikit/labs/components';
+	import type { ModelPopoverProps } from 'lapikit/components';
 
 	const positions = ['top', 'bottom', 'left', 'right'] as const;
 </script>

src/content/examples/components/popover/preview.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModelPopoverProps } from 'lapikit/labs/components';
+	import type { ModelPopoverProps } from 'lapikit/components';
 </script>
 
 <kit:popover>

src/content/examples/essentials/regular-import-components.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { KitBtn } from 'lapikit/labs/components';
+	import { KitBtn } from 'lapikit/components';
 	import MyCustomButton from '$components/my-button.svelte';
 </script>
 

src/content/examples/essentials/use-component-without-preprocessor.svelte

@@ -1,5 +1,5 @@
 <script>
-	import { KitBtn } from 'lapikit/labs/components';
+	import { KitBtn } from 'lapikit/components';
 </script>
 
 <KitBtn>Click me</KitBtn>

src/content/examples/started/svelte-config-js.js

@@ -1,5 +1,5 @@
 import adapter from '@sveltejs/adapter-node';
-import { lapikitPreprocess } from 'lapikit/labs/preprocess';
+import { lapikitPreprocess } from 'lapikit/preprocess';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {

src/lib/@types/mdsvex.ts

@@ -5,6 +5,7 @@ export type DocMetadataValue =
 	| number
 	| boolean
 	| null
+	| undefined
 	| DocMetadataValue[]
 	| { [key: string]: DocMetadataValue };
 

src/routes/docs/+layout.svelte

@@ -4,7 +4,7 @@
 	import { theme_storage_key } from '$lib';
 
 	// types
-	import type { ModelDropdownProps } from 'lapikit/labs/components';
+	import type { ModelDropdownProps } from 'lapikit/components';
 
 	// components
 	import Search from '$components/search.svelte';

src/templates/doc.svelte

@@ -12,7 +12,7 @@
 	import type { MarkdownHeading } from '$lib/@types';
 	import type { PageData } from '../routes/docs/[...slug]/$types';
 	import { docsNavigation, getBreadcrumbs } from '$lib';
-	import type { ModelDropdownProps } from 'lapikit/labs/components';
+	import type { ModelDropdownProps } from 'lapikit/components';
 
 	// Components
 	import TableOfContent from '../components/table-of-content.svelte';