diff --git a/apps/docs/src/lib/components/Heading.svelte b/apps/docs/src/lib/components/Heading.svelte
index c04df4d20..91d871f5e 100644
--- a/apps/docs/src/lib/components/Heading.svelte
+++ b/apps/docs/src/lib/components/Heading.svelte
@@ -8,7 +8,7 @@
   export let title: String, description = false, docs = false, importCode = false, source = false, packageGroup = false
 	const links = {
 		github: 'https://github.com/svelteuidev/svelteui/blob/main/packages/',
-		docs: 'https://github.com/svelteuidev/svelteui/blob/main/apps/docs/src/pages/',
+		docs: 'https://github.com/svelteuidev/svelteui/blob/main/apps/docs/src/routes/',
 		npm: 'https://www.npmjs.com/package/'
 	};
 
@@ -76,7 +76,7 @@
 	{#if docs}
 		<Group spacing={78}>
 			<Text>Docs</Text>
-			<Text variant="link" root="a" href={`${links.docs}${docs}`}>
+			<Text variant="link" root="a" href={`${links.docs}${docs}/+page.md`}>
 				<Center override={{ gap: '$4' }} inline>
 					<Pencil1 />
 					Edit This Page
diff --git a/apps/docs/src/routes/composables/use-browser-context/+page.md b/apps/docs/src/routes/composables/use-browser-context/+page.md
index d3a8fa00e..ea6c45eaf 100644
--- a/apps/docs/src/routes/composables/use-browser-context/+page.md
+++ b/apps/docs/src/routes/composables/use-browser-context/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-browser-context/
 description: 'Get access to the reactive browser location API.'
 importCode: "import { useBrowserContext } from '@svelteuidev/composables';"
-docs: 'composables/use-browser-context.md'
+docs: 'composables/use-browser-context'
 source: 'svelteui-composables/src/utilities/use-browser-context/use-browser-context.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-click-outside/+page.md b/apps/docs/src/routes/composables/use-click-outside/+page.md
index 887f3edeb..42b931a86 100644
--- a/apps/docs/src/routes/composables/use-click-outside/+page.md
+++ b/apps/docs/src/routes/composables/use-click-outside/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-click-outside/
 description: 'Detect click and touch events outside of specified element'
 importCode: "import { clickoutside } from '@svelteuidev/composables';"
-docs: 'composables/use-click-outside.md'
+docs: 'composables/use-click-outside'
 source: 'svelteui-composables/src/actions/use-click-outside/use-click-outside.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-clipboard/+page.md b/apps/docs/src/routes/composables/use-clipboard/+page.md
index 0dd4d81e2..3090fa1d2 100644
--- a/apps/docs/src/routes/composables/use-clipboard/+page.md
+++ b/apps/docs/src/routes/composables/use-clipboard/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-clipboard/
 description: 'Copies text to the clipboard when DOM element is clicked'
 importCode: "import { clipboard } from '@svelteuidev/composables';"
-docs: 'composables/use-clipboard.md'
+docs: 'composables/use-clipboard'
 source: 'svelteui-composables/src/actions/use-clipboard/use-clipboard.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-css-variable/+page.md b/apps/docs/src/routes/composables/use-css-variable/+page.md
index 3bceb4b36..62af472ff 100644
--- a/apps/docs/src/routes/composables/use-css-variable/+page.md
+++ b/apps/docs/src/routes/composables/use-css-variable/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-css-variable/
 description: 'Whenever some of their values change, update css properties on the fly'
 importCode: "import { cssvariable } from '@svelteuidev/composables';"
-docs: 'composables/use-css-variable.md'
+docs: 'composables/use-css-variable'
 source: 'svelteui-composables/src/actions/use-css-variable/use-css-variable.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-debounce/+page.md b/apps/docs/src/routes/composables/use-debounce/+page.md
index 5265f6967..c30a5bbc2 100644
--- a/apps/docs/src/routes/composables/use-debounce/+page.md
+++ b/apps/docs/src/routes/composables/use-debounce/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-debounce/
 description: 'Get a function that debounces its execution.'
 importCode: "import { useDebounce } from '@svelteuidev/composables';"
-docs: 'composables/use-debounce.md'
+docs: 'composables/use-debounce'
 source: 'svelteui-composables/src/utilities/use-debounce/use-debounce.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-download/+page.md b/apps/docs/src/routes/composables/use-download/+page.md
index 36395f7fd..77cae8a67 100644
--- a/apps/docs/src/routes/composables/use-download/+page.md
+++ b/apps/docs/src/routes/composables/use-download/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-download/
 description: 'Causes a download to occur with a given Blob object'
 importCode: "import { download } from '@svelteuidev/composables';"
-docs: 'composables/use-download.md'
+docs: 'composables/use-download'
 source: 'svelteui-composables/src/actions/use-download/use-download.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-element-size/+page.md b/apps/docs/src/routes/composables/use-element-size/+page.md
index 9fb4879e4..4105967c8 100644
--- a/apps/docs/src/routes/composables/use-element-size/+page.md
+++ b/apps/docs/src/routes/composables/use-element-size/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-element-size/
 description: 'Get element width and height and subscribe to changes'
 importCode: "import { useElementSize } from '@svelteuidev/composables';"
-docs: 'composables/use-element-size.md'
+docs: 'composables/use-element-size'
 source: 'svelteui-composables/src/utilities/use-element-size/use-element-size.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-eye-dropper/+page.md b/apps/docs/src/routes/composables/use-eye-dropper/+page.md
index 3a184b5fb..5927a5c67 100644
--- a/apps/docs/src/routes/composables/use-eye-dropper/+page.md
+++ b/apps/docs/src/routes/composables/use-eye-dropper/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-eye-dropper/
 description: 'Get access to a reactive EyeDropper API.'
 importCode: "import { useEyeDropper } from '@svelteuidev/composables';"
-docs: 'composables/use-eye-dropper.md'
+docs: 'composables/use-eye-dropper'
 source: 'svelteui-composables/src/utilities/use-eye-dropper/use-eye-dropper.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-focus-return/+page.md b/apps/docs/src/routes/composables/use-focus-return/+page.md
index 3175846b4..f55720879 100644
--- a/apps/docs/src/routes/composables/use-focus-return/+page.md
+++ b/apps/docs/src/routes/composables/use-focus-return/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-return/
 description: 'Capture last focused element on the page and return focus to it once condition is met'
 importCode: "import { useFocusReturn } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-return.md'
+docs: 'composables/use-focus-return'
 source: 'svelteui-composables/src/utilities/use-focus-return/use-focus-return.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-focus-trap/+page.md b/apps/docs/src/routes/composables/use-focus-trap/+page.md
index 642d678b5..0a3426a9f 100644
--- a/apps/docs/src/routes/composables/use-focus-trap/+page.md
+++ b/apps/docs/src/routes/composables/use-focus-trap/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-trap/
 description: 'Traps the focus inside the given DOM node'
 importCode: "import { focustrap } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-trap.md'
+docs: 'composables/use-focus-trap'
 source: 'svelteui-composables/src/actions/use-focus/use-focus-trap.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-focus-within/+page.md b/apps/docs/src/routes/composables/use-focus-within/+page.md
index 997599608..ef54e5dd5 100644
--- a/apps/docs/src/routes/composables/use-focus-within/+page.md
+++ b/apps/docs/src/routes/composables/use-focus-within/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus-within/
 description: 'Detect if any element within has focus.'
 importCode: "import { useFocusWithin } from '@svelteuidev/composables';"
-docs: 'composables/use-focus-within.md'
+docs: 'composables/use-focus-within'
 source: 'svelteui-composables/src/utilities/use-focus-within/use-focus-within.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-focus/+page.md b/apps/docs/src/routes/composables/use-focus/+page.md
index 5f2e8111a..575299d40 100644
--- a/apps/docs/src/routes/composables/use-focus/+page.md
+++ b/apps/docs/src/routes/composables/use-focus/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-focus/
 description: 'Calls focus on a node once mounted into the DOM'
 importCode: "import { focus } from '@svelteuidev/composables';"
-docs: 'composables/use-focus.md'
+docs: 'composables/use-focus'
 source: 'svelteui-composables/src/actions/use-focus/use-focus.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-hash/+page.md b/apps/docs/src/routes/composables/use-hash/+page.md
index 0337fa02b..20a73ec04 100644
--- a/apps/docs/src/routes/composables/use-hash/+page.md
+++ b/apps/docs/src/routes/composables/use-hash/+page.md
@@ -6,7 +6,7 @@ slug: /utilities/hash/
 description: 'Util generates a random hash with a specified prefix.'
 importCode: "import { useHash } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-hash/use-hash.ts'
-docs: 'utilities/hash.md'
+docs: 'utilities/hash'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/composables/use-hot-key/+page.md b/apps/docs/src/routes/composables/use-hot-key/+page.md
index 944d6f789..56e11b079 100644
--- a/apps/docs/src/routes/composables/use-hot-key/+page.md
+++ b/apps/docs/src/routes/composables/use-hot-key/+page.md
@@ -6,7 +6,7 @@ slug: /composables/use-hot-key/
 description: 'Listen for key combinations/shortcuts on document or a given element.'
 importCode: "import { hotkey } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/actions/use-hot-key/use-hot-key.ts'
-docs: 'composables/use-hot-key.md'
+docs: 'composables/use-hot-key'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/composables/use-id/+page.md b/apps/docs/src/routes/composables/use-id/+page.md
index 8db46cb36..7a5214381 100644
--- a/apps/docs/src/routes/composables/use-id/+page.md
+++ b/apps/docs/src/routes/composables/use-id/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-id/
 description: 'Get element width and height and subscribe to changes'
 importCode: "import { useId } from '@svelteuidev/composables';"
-docs: 'composables/use-id.md'
+docs: 'composables/use-id'
 source: 'svelteui-composables/src/utilities/use-id/use-id.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-io/+page.md b/apps/docs/src/routes/composables/use-io/+page.md
index 050d484ba..1e8936ad3 100644
--- a/apps/docs/src/routes/composables/use-io/+page.md
+++ b/apps/docs/src/routes/composables/use-io/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-io/
 description: 'Detect when an element enters or leaves the viewport.'
 importCode: "import { io } from '@svelteuidev/composables';"
-docs: 'composables/use-io.md'
+docs: 'composables/use-io'
 source: 'svelteui-composables/src/actions/use-io/use-io.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-lazy/+page.md b/apps/docs/src/routes/composables/use-lazy/+page.md
index 9fc5e47c3..a1d6c5818 100644
--- a/apps/docs/src/routes/composables/use-lazy/+page.md
+++ b/apps/docs/src/routes/composables/use-lazy/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-lazy/
 description: 'Lazily attach properties to any DOM element when it is in the window.'
 importCode: "import { lazy } from '@svelteuidev/composables';"
-docs: 'composables/use-lazy.md'
+docs: 'composables/use-lazy'
 source: 'svelteui-composables/src/actions/use-lazy/use-lazy.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-lock-scroll/+page.md b/apps/docs/src/routes/composables/use-lock-scroll/+page.md
index 5a8702a2c..9d35ed548 100644
--- a/apps/docs/src/routes/composables/use-lock-scroll/+page.md
+++ b/apps/docs/src/routes/composables/use-lock-scroll/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-lock-scroll/
 description: 'Lock scroll at current position.'
 importCode: "import { lockscroll } from '@svelteuidev/composables';"
-docs: 'composables/use-lock-scroll.md'
+docs: 'composables/use-lock-scroll'
 source: 'svelteui-composables/src/actions/use-lock-scroll/use-lock-scroll.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-long-press/+page.md b/apps/docs/src/routes/composables/use-long-press/+page.md
index d4076f3ef..7b2f611f4 100644
--- a/apps/docs/src/routes/composables/use-long-press/+page.md
+++ b/apps/docs/src/routes/composables/use-long-press/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-long-press/
 description: 'Creates a longpress event when mousedown is above a duration in milliseconds'
 importCode: "import { longpress } from '@svelteuidev/composables';"
-docs: 'composables/use-long-press.md'
+docs: 'composables/use-long-press'
 source: 'svelteui-composables/src/actions/use-long-press/use-long-press.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-mouse-position/+page.md b/apps/docs/src/routes/composables/use-mouse-position/+page.md
index 5b82fcf2e..2a58918f7 100644
--- a/apps/docs/src/routes/composables/use-mouse-position/+page.md
+++ b/apps/docs/src/routes/composables/use-mouse-position/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-mouse-position/
 description: 'Get mouse position relative to viewport or given element.'
 importCode: "import { useMousePosition } from '@svelteuidev/composables';"
-docs: 'composables/use-mouse-position.md'
+docs: 'composables/use-mouse-position'
 source: 'svelteui-composables/src/utilities/use-mouse-position/use-mouse-position.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-move/+page.md b/apps/docs/src/routes/composables/use-move/+page.md
index 962e6f56c..8af8554ba 100644
--- a/apps/docs/src/routes/composables/use-move/+page.md
+++ b/apps/docs/src/routes/composables/use-move/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-move/
 description: 'Handles the movement of an element based on mouse and touch events'
 importCode: "import { move } from '@svelteuidev/composables';"
-docs: 'composables/use-move.md'
+docs: 'composables/use-move'
 source: 'svelteui-composables/src/actions/use-move/use-move.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-os/+page.md b/apps/docs/src/routes/composables/use-os/+page.md
index e9e74d862..ac4410df6 100644
--- a/apps/docs/src/routes/composables/use-os/+page.md
+++ b/apps/docs/src/routes/composables/use-os/+page.md
@@ -6,7 +6,7 @@ slug: /composables/os/
 description: 'Get user os'
 importCode: "import { useOs } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-os/use-os.ts'
-docs: 'composables/use-os.md'
+docs: 'composables/use-os'
 ---
 
 <script lang='ts'>
diff --git a/apps/docs/src/routes/composables/use-page-leave/+page.md b/apps/docs/src/routes/composables/use-page-leave/+page.md
index acd07271d..bdc0ad78b 100644
--- a/apps/docs/src/routes/composables/use-page-leave/+page.md
+++ b/apps/docs/src/routes/composables/use-page-leave/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-page-leave/
 description: 'Call a function when the mouse leaves the page'
 importCode: "import { pageleave } from '@svelteuidev/composables';"
-docs: 'composables/use-page-leave.md'
+docs: 'composables/use-page-leave'
 source: 'svelteui-composables/src/actions/use-page-leave/use-page-leave.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-persistent-tab/+page.md b/apps/docs/src/routes/composables/use-persistent-tab/+page.md
index 6a95eff29..9b02154c0 100644
--- a/apps/docs/src/routes/composables/use-persistent-tab/+page.md
+++ b/apps/docs/src/routes/composables/use-persistent-tab/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-persistent-tab/
 description: 'Prevent current tab from being closed by the user.'
 importCode: "import { persistenttab } from '@svelteuidev/composables';"
-docs: 'composables/use-persistent-tab.md'
+docs: 'composables/use-persistent-tab'
 source: 'svelteui-composables/src/actions/use-persistent-tab/use-persistent-tab.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-portal/+page.md b/apps/docs/src/routes/composables/use-portal/+page.md
index a72d95920..39db3b5c4 100644
--- a/apps/docs/src/routes/composables/use-portal/+page.md
+++ b/apps/docs/src/routes/composables/use-portal/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-portal/
 description: 'Render an element or component anywhere in the DOM'
 importCode: "import { portal } from '@svelteuidev/composables';"
-docs: 'composables/use-portal.md'
+docs: 'composables/use-portal'
 source: 'svelteui-composables/src/actions/use-portal/use-portal.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-raf-n/+page.md b/apps/docs/src/routes/composables/use-raf-n/+page.md
index 3045f5c15..b916d885a 100644
--- a/apps/docs/src/routes/composables/use-raf-n/+page.md
+++ b/apps/docs/src/routes/composables/use-raf-n/+page.md
@@ -6,7 +6,7 @@ slug: /utilities/raf-fn/
 description: 'Call function on every requestAnimationFrame'
 importCode: "import { useRafFn } from '@svelteuidev/composables';"
 source: 'svelteui-composables/src/utilities/use-raf-fn/use-raf-fn.ts'
-docs: 'utilities/raf-fn.md'
+docs: 'utilities/raf-fn'
 ---
 
 <script lang='ts'>
diff --git a/apps/docs/src/routes/composables/use-tab-leave/+page.md b/apps/docs/src/routes/composables/use-tab-leave/+page.md
index a9953d0ff..27f742695 100644
--- a/apps/docs/src/routes/composables/use-tab-leave/+page.md
+++ b/apps/docs/src/routes/composables/use-tab-leave/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-tab-leave/
 description: 'Call a function when the current tab is switched'
 importCode: "import { tableave } from '@svelteuidev/composables';"
-docs: 'composables/use-tab-leave.md'
+docs: 'composables/use-tab-leave'
 source: 'svelteui-composables/src/actions/use-tab-leave/use-tab-leave.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-throttle/+page.md b/apps/docs/src/routes/composables/use-throttle/+page.md
index 1c5ef9857..84fae71af 100644
--- a/apps/docs/src/routes/composables/use-throttle/+page.md
+++ b/apps/docs/src/routes/composables/use-throttle/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-throttle/
 description: 'Get a function that throttles its execution.'
 importCode: "import { useThrottle } from '@svelteuidev/composables';"
-docs: 'composables/use-throttle.md'
+docs: 'composables/use-throttle'
 source: 'svelteui-composables/src/utilities/use-throttle/use-throttle.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-viewport-size/+page.md b/apps/docs/src/routes/composables/use-viewport-size/+page.md
index 852c422e8..72dc61ce7 100644
--- a/apps/docs/src/routes/composables/use-viewport-size/+page.md
+++ b/apps/docs/src/routes/composables/use-viewport-size/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-viewport-size/
 description: 'Get viewport width and height.'
 importCode: "import { useViewportSize } from '@svelteuidev/composables';"
-docs: 'composables/use-viewport-size.md'
+docs: 'composables/use-viewport-size'
 source: 'svelteui-composables/src/utilities/use-viewport-size/use-viewport-size.ts'
 ---
 
diff --git a/apps/docs/src/routes/composables/use-web-worker/+page.md b/apps/docs/src/routes/composables/use-web-worker/+page.md
index b139ae351..481c32915 100644
--- a/apps/docs/src/routes/composables/use-web-worker/+page.md
+++ b/apps/docs/src/routes/composables/use-web-worker/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/composables'
 slug: /composables/use-web-worker/
 description: 'Run expensive functions without blocking the UI'
 importCode: "import { useWebWorker } from '@svelteuidev/composables';"
-docs: 'composables/use-web-worker.md'
+docs: 'composables/use-web-worker'
 source: 'svelteui-composables/src/utilities/use-web-worker/use-web-worker.ts'
 ---
 
diff --git a/apps/docs/src/routes/core/action-icon/+page.md b/apps/docs/src/routes/core/action-icon/+page.md
index 60a88e9b1..713b9cd48 100644
--- a/apps/docs/src/routes/core/action-icon/+page.md
+++ b/apps/docs/src/routes/core/action-icon/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Icon button to indicate secondary action'
 importCode: "import { ActionIcon } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/ActionIcon/ActionIcon.svelte'
-docs: 'core/action-icon.md'
+docs: 'core/action-icon'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/affix/+page.md b/apps/docs/src/routes/core/affix/+page.md
index 1821b9293..a0acfc6e1 100644
--- a/apps/docs/src/routes/core/affix/+page.md
+++ b/apps/docs/src/routes/core/affix/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Render Svelte component inside portal at fixed position'
 importCode: "import { Affix } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Affix/Affix.svelte'
-docs: 'core/affix.md'
+docs: 'core/affix'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/alert/+page.md b/apps/docs/src/routes/core/alert/+page.md
index 6ade0728b..c66cf0712 100644
--- a/apps/docs/src/routes/core/alert/+page.md
+++ b/apps/docs/src/routes/core/alert/+page.md
@@ -7,7 +7,7 @@ category: 'feedback'
 description: 'Attract user attention with an important message'
 importCode: "import { Alert } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Alert/Alert.svelte'
-docs: 'core/alert.md'
+docs: 'core/alert'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/anchor/+page.md b/apps/docs/src/routes/core/anchor/+page.md
index a430d7ad1..8267b7980 100644
--- a/apps/docs/src/routes/core/anchor/+page.md
+++ b/apps/docs/src/routes/core/anchor/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'Display links with theme styles'
 importCode: "import { Anchor } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Anchor/Anchor.svelte'
-docs: 'core/anchor.md'
+docs: 'core/anchor'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/app-shell/+page.md b/apps/docs/src/routes/core/app-shell/+page.md
index 8665d0743..10af9cab1 100644
--- a/apps/docs/src/routes/core/app-shell/+page.md
+++ b/apps/docs/src/routes/core/app-shell/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Responsive shell for your application with header, navbar, sidebar, and footer'
 importCode: "import { AppShell, Navbar, Header, Aside, Footer, ShellSection } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/AppShell/AppShell.svelte'
-docs: 'core/app-shell.md'
+docs: 'core/app-shell'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/badge/+page.md b/apps/docs/src/routes/core/badge/+page.md
index d52fb1334..90a3bbe56 100644
--- a/apps/docs/src/routes/core/badge/+page.md
+++ b/apps/docs/src/routes/core/badge/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Display badge, pill or tag'
 importCode: "import { Badge } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Badge/Badge.svelte'
-docs: 'core/badge.md'
+docs: 'core/badge'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/box/+page.md b/apps/docs/src/routes/core/box/+page.md
index 187807d47..66f32023f 100644
--- a/apps/docs/src/routes/core/box/+page.md
+++ b/apps/docs/src/routes/core/box/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Add inline styles to any element or component with css prop'
 importCode: "import { Box } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Box/Box.svelte'
-docs: 'core/box.md'
+docs: 'core/box'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/breadcrumbs/+page.md b/apps/docs/src/routes/core/breadcrumbs/+page.md
index 70211e7bd..4da364edc 100644
--- a/apps/docs/src/routes/core/breadcrumbs/+page.md
+++ b/apps/docs/src/routes/core/breadcrumbs/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'List of links to different parts of navigation'
 importCode: "import { Breadcrumbs } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Breadcrumbs/Breadcrumbs.svelte'
-docs: 'core/breadcrumbs.md'
+docs: 'core/breadcrumbs'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/burger/+page.md b/apps/docs/src/routes/core/burger/+page.md
index 2ad183cba..063347633 100644
--- a/apps/docs/src/routes/core/burger/+page.md
+++ b/apps/docs/src/routes/core/burger/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'Display links with theme styles'
 importCode: "import { Burger } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Burger/Burger.svelte'
-docs: 'core/burger.md'
+docs: 'core/burger'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/button/+page.md b/apps/docs/src/routes/core/button/+page.md
index 1fecd7d48..ed6ae0416 100644
--- a/apps/docs/src/routes/core/button/+page.md
+++ b/apps/docs/src/routes/core/button/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Render button or link with button styles from SvelteUI theme'
 importCode: "import { Button } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Button/Button.svelte'
-docs: 'core/button.md'
+docs: 'core/button'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/card/+page.md b/apps/docs/src/routes/core/card/+page.md
index 4b5697148..b9bff80ba 100644
--- a/apps/docs/src/routes/core/card/+page.md
+++ b/apps/docs/src/routes/core/card/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Card with context styles for Image and Divider components'
 importCode: "import { Card } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Card/Card.svelte'
-docs: 'core/card.md'
+docs: 'core/card'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/center/+page.md b/apps/docs/src/routes/core/center/+page.md
index 520167afd..75749b79d 100644
--- a/apps/docs/src/routes/core/center/+page.md
+++ b/apps/docs/src/routes/core/center/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Centers content vertically and horizontally'
 importCode: "import { Center } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Center/Center.svelte'
-docs: 'core/center.md'
+docs: 'core/center'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/checkbox/+page.md b/apps/docs/src/routes/core/checkbox/+page.md
index f856e8632..47a6e98ef 100644
--- a/apps/docs/src/routes/core/checkbox/+page.md
+++ b/apps/docs/src/routes/core/checkbox/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Wrapper around the checkbox input type'
 importCode: "import { Checkbox } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Checkbox/Checkbox.svelte'
-docs: 'core/checkbox.md'
+docs: 'core/checkbox'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/chip/+page.md b/apps/docs/src/routes/core/chip/+page.md
index f2c6c0128..fd63d7ece 100644
--- a/apps/docs/src/routes/core/chip/+page.md
+++ b/apps/docs/src/routes/core/chip/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Pick one or multiple values'
 importCode: "import { Chip } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Chip/Chip.svelte'
-docs: 'core/chip.md'
+docs: 'core/chip'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/code/+page.md b/apps/docs/src/routes/core/code/+page.md
index 5862024cf..b7f54d269 100644
--- a/apps/docs/src/routes/core/code/+page.md
+++ b/apps/docs/src/routes/core/code/+page.md
@@ -7,7 +7,7 @@ category: 'typography'
 description: 'Inline or block code without syntax highlight'
 importCode: "import { Code } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Code/Code.svelte'
-docs: 'core/code.md'
+docs: 'core/code'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/container/+page.md b/apps/docs/src/routes/core/container/+page.md
index 86725077b..e64996ed5 100644
--- a/apps/docs/src/routes/core/container/+page.md
+++ b/apps/docs/src/routes/core/container/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Center content horizontally with predefined max-width'
 importCode: "import { Container } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Container/Container.svelte'
-docs: 'core/container.md'
+docs: 'core/container'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/divider/+page.md b/apps/docs/src/routes/core/divider/+page.md
index 42170856d..b8a2fc1e8 100644
--- a/apps/docs/src/routes/core/divider/+page.md
+++ b/apps/docs/src/routes/core/divider/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Horizontal line with optional label or vertical divider'
 importCode: "import { Divider } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Divider/Divider.svelte'
-docs: 'core/divider.md'
+docs: 'core/divider'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/grid/+page.md b/apps/docs/src/routes/core/grid/+page.md
index cc2e01b1a..e078399e1 100644
--- a/apps/docs/src/routes/core/grid/+page.md
+++ b/apps/docs/src/routes/core/grid/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Flexbox grid with variable amount of columns'
 importCode: "import { Grid } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Grid/Grid.svelte'
-docs: 'core/grid.md'
+docs: 'core/grid'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/group/+page.md b/apps/docs/src/routes/core/group/+page.md
index 52313d9f7..a21e46b5e 100644
--- a/apps/docs/src/routes/core/group/+page.md
+++ b/apps/docs/src/routes/core/group/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Compose elements and components in a horizontal flex container'
 importCode: "import { Group } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Group/Group.svelte'
-docs: 'core/group.md'
+docs: 'core/group'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/image/+page.md b/apps/docs/src/routes/core/image/+page.md
index a468332a7..8d723bfa4 100644
--- a/apps/docs/src/routes/core/image/+page.md
+++ b/apps/docs/src/routes/core/image/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Image with optional placeholder for loading and error state'
 importCode: "import { Image } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Image/Image.svelte'
-docs: 'core/image.md'
+docs: 'core/image'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/input-wrapper/+page.md b/apps/docs/src/routes/core/input-wrapper/+page.md
index cc897c4a2..b3f582f08 100644
--- a/apps/docs/src/routes/core/input-wrapper/+page.md
+++ b/apps/docs/src/routes/core/input-wrapper/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Enhance custom inputs with label, error and description'
 importCode: "import { InputWrapper } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/InputWrapper/InputWrapper.svelte'
-docs: 'core/input-wrapper.md'
+docs: 'core/input-wrapper'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/input/+page.md b/apps/docs/src/routes/core/input/+page.md
index 2b862efef..328808e47 100644
--- a/apps/docs/src/routes/core/input/+page.md
+++ b/apps/docs/src/routes/core/input/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Base component to create custom inputs'
 importCode: "import { Input } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Input/Input.svelte'
-docs: 'core/input.md'
+docs: 'core/input'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/kbd/+page.md b/apps/docs/src/routes/core/kbd/+page.md
index 3e2bb41f3..2edf55d84 100644
--- a/apps/docs/src/routes/core/kbd/+page.md
+++ b/apps/docs/src/routes/core/kbd/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Display keyboard button or keys combination'
 importCode: "import { Kbd } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Kbd/Kbd.svelte'
-docs: 'core/kbd.md'
+docs: 'core/kbd'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/loader/+page.md b/apps/docs/src/routes/core/loader/+page.md
index c5b580db6..2f5fcf1d4 100644
--- a/apps/docs/src/routes/core/loader/+page.md
+++ b/apps/docs/src/routes/core/loader/+page.md
@@ -7,7 +7,7 @@ category: 'feedback'
 description: 'Indicate loading state'
 importCode: "import { Loader } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Loader/Loader.svelte'
-docs: 'core/loader.md'
+docs: 'core/loader'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/media-query/+page.md b/apps/docs/src/routes/core/media-query/+page.md
index 332fc7515..737294b74 100644
--- a/apps/docs/src/routes/core/media-query/+page.md
+++ b/apps/docs/src/routes/core/media-query/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Apply styles to children if media query matches'
 importCode: "import { MediaQuery } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/MediaQuery/MediaQuery.svelte'
-docs: 'core/media-query.md'
+docs: 'core/media-query'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/menu/+page.md b/apps/docs/src/routes/core/menu/+page.md
index fbe7e8a46..ca6279e66 100644
--- a/apps/docs/src/routes/core/menu/+page.md
+++ b/apps/docs/src/routes/core/menu/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Combine a list of secondary actions into single interactive area'
 importCode: "import { Menu } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Menu/Menu.svelte'
-docs: 'core/menu.md'
+docs: 'core/menu'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/modal/+page.md b/apps/docs/src/routes/core/modal/+page.md
index 51167d9bc..bc8e3b4cf 100644
--- a/apps/docs/src/routes/core/modal/+page.md
+++ b/apps/docs/src/routes/core/modal/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Modal with optional header'
 importCode: "import { Modal } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Modal/Modal.svelte'
-docs: 'core/modal.md'
+docs: 'core/modal'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/native-select/+page.md b/apps/docs/src/routes/core/native-select/+page.md
index 3fce5bdc6..0f0d16e29 100644
--- a/apps/docs/src/routes/core/native-select/+page.md
+++ b/apps/docs/src/routes/core/native-select/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Capture user feedback limited to large set of options'
 importCode: "import { NativeSelect } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/NativeSelect/NativeSelect.svelte'
-docs: 'core/native-select.md'
+docs: 'core/native-select'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/notification/+page.md b/apps/docs/src/routes/core/notification/+page.md
index db8108d59..ae356b06f 100644
--- a/apps/docs/src/routes/core/notification/+page.md
+++ b/apps/docs/src/routes/core/notification/+page.md
@@ -7,7 +7,7 @@ category: 'feedback'
 description: 'Attract user attention with an important message'
 importCode: "import { Notification } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Notification/Notification.svelte'
-docs: 'core/notification.md'
+docs: 'core/notification'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/number-input/+page.md b/apps/docs/src/routes/core/number-input/+page.md
index c05b8c2cd..9f6963be0 100644
--- a/apps/docs/src/routes/core/number-input/+page.md
+++ b/apps/docs/src/routes/core/number-input/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Number input with optional controls'
 importCode: "import { NumberInput } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/NumberInput/NumberInput.svelte'
-docs: 'core/number-input.md'
+docs: 'core/number-input'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/observer-render/+page.md b/apps/docs/src/routes/core/observer-render/+page.md
index 9dd794c84..c9664fce4 100644
--- a/apps/docs/src/routes/core/observer-render/+page.md
+++ b/apps/docs/src/routes/core/observer-render/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Detect when an element enters or leaves the viewport.'
 importCode: "import { ObserverRender } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/ObserverRender/ObserverRender.svelte'
-docs: 'core/observer-render.md'
+docs: 'core/observer-render'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/overlay/+page.md b/apps/docs/src/routes/core/overlay/+page.md
index 0c2967550..760566ef8 100644
--- a/apps/docs/src/routes/core/overlay/+page.md
+++ b/apps/docs/src/routes/core/overlay/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Overlays given element with div element with any color and opacity'
 importCode: "import { Overlay } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Overlay/Overlay.svelte'
-docs: 'core/overlay.md'
+docs: 'core/overlay'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/paper/+page.md b/apps/docs/src/routes/core/paper/+page.md
index a3d498d88..d35cf35b8 100644
--- a/apps/docs/src/routes/core/paper/+page.md
+++ b/apps/docs/src/routes/core/paper/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Renders white or dark containers depending on color scheme'
 importCode: "import { Paper } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Paper/Paper.svelte'
-docs: 'core/paper.md'
+docs: 'core/paper'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/popper/+page.md b/apps/docs/src/routes/core/popper/+page.md
index a18bf315b..b099a60c7 100644
--- a/apps/docs/src/routes/core/popper/+page.md
+++ b/apps/docs/src/routes/core/popper/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Render dropdown related to a reference component or in portal'
 importCode: "import { Popper } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Popper/Popper.svelte'
-docs: 'core/popper.md'
+docs: 'core/popper'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/portal/+page.md b/apps/docs/src/routes/core/portal/+page.md
index 8c31b8981..18ac9360f 100644
--- a/apps/docs/src/routes/core/portal/+page.md
+++ b/apps/docs/src/routes/core/portal/+page.md
@@ -7,7 +7,7 @@ category: 'misc'
 description: 'Render component outside of current context'
 importCode: "import { Portal } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Portal/Portal.svelte'
-docs: 'core/portal.md'
+docs: 'core/portal'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/progress/+page.md b/apps/docs/src/routes/core/progress/+page.md
index a1f25070c..8bfc0747a 100644
--- a/apps/docs/src/routes/core/progress/+page.md
+++ b/apps/docs/src/routes/core/progress/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Give user feedback for status of the task'
 importCode: "import { Progress } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Progress/Progress.svelte'
-docs: 'core/progress.md'
+docs: 'core/progress'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/radio/+page.md b/apps/docs/src/routes/core/radio/+page.md
index f90807b72..1fa336297 100644
--- a/apps/docs/src/routes/core/radio/+page.md
+++ b/apps/docs/src/routes/core/radio/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Wrapper around the radio input type'
 importCode: "import { Radio } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Radio/Radio.svelte'
-docs: 'core/radio.md'
+docs: 'core/radio'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/seo/+page.md b/apps/docs/src/routes/core/seo/+page.md
index 0b4e635d7..866e26205 100644
--- a/apps/docs/src/routes/core/seo/+page.md
+++ b/apps/docs/src/routes/core/seo/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Manage your SEO information'
 importCode: "import { Seo } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Seo/Seo.svelte'
-docs: 'core/seo.md'
+docs: 'core/seo'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/simple-grid/+page.md b/apps/docs/src/routes/core/simple-grid/+page.md
index a711a9ea9..18541f8ea 100644
--- a/apps/docs/src/routes/core/simple-grid/+page.md
+++ b/apps/docs/src/routes/core/simple-grid/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Responsive grid where each item takes equal amount of space'
 importCode: "import { SimpleGrid } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/SimpleGrid/SimpleGrid.svelte'
-docs: 'core/simple-grid.md'
+docs: 'core/simple-grid'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/skeleton/+page.md b/apps/docs/src/routes/core/skeleton/+page.md
index 72e490fc4..6619305f5 100644
--- a/apps/docs/src/routes/core/skeleton/+page.md
+++ b/apps/docs/src/routes/core/skeleton/+page.md
@@ -7,7 +7,7 @@ category: 'feedback'
 description: 'Indicate content loading state'
 importCode: "import { Skeleton } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Skeleton/Skeleton.svelte'
-docs: 'core/skeleton.md'
+docs: 'core/skeleton'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/space/+page.md b/apps/docs/src/routes/core/space/+page.md
index d462ad0d6..45a25cec5 100644
--- a/apps/docs/src/routes/core/space/+page.md
+++ b/apps/docs/src/routes/core/space/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Add horizontal or vertical spacing from theme'
 importCode: "import { Space } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Space/Space.svelte'
-docs: 'core/space.md'
+docs: 'core/space'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/stack/+page.md b/apps/docs/src/routes/core/stack/+page.md
index cbfdea89e..c1a22362d 100644
--- a/apps/docs/src/routes/core/stack/+page.md
+++ b/apps/docs/src/routes/core/stack/+page.md
@@ -7,7 +7,7 @@ category: 'layout'
 description: 'Compose elements and components in vertical flex container'
 importCode: "import { Stack } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Stack/Stack.svelte'
-docs: 'core/stack.md'
+docs: 'core/stack'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/switch/+page.md b/apps/docs/src/routes/core/switch/+page.md
index 307b192cd..c2788c38c 100644
--- a/apps/docs/src/routes/core/switch/+page.md
+++ b/apps/docs/src/routes/core/switch/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Capture boolean input from user'
 importCode: "import { Switch } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Switch/Switch.svelte'
-docs: 'core/switch.md'
+docs: 'core/switch'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/tabs/+page.md b/apps/docs/src/routes/core/tabs/+page.md
index 0fcaeca21..3f7412c45 100644
--- a/apps/docs/src/routes/core/tabs/+page.md
+++ b/apps/docs/src/routes/core/tabs/+page.md
@@ -7,7 +7,7 @@ category: 'navigation'
 description: 'Display links with theme styles'
 importCode: "import { Tabs } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Tabs/Tabs.svelte'
-docs: 'core/tabs.md'
+docs: 'core/tabs'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/text-input/+page.md b/apps/docs/src/routes/core/text-input/+page.md
index 642f36a60..d9dccdb7d 100644
--- a/apps/docs/src/routes/core/text-input/+page.md
+++ b/apps/docs/src/routes/core/text-input/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Text input with descriptions'
 importCode: "import { TextInput } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/TextInput/TextInput.svelte'
-docs: 'core/text-input.md'
+docs: 'core/text-input'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/text/+page.md b/apps/docs/src/routes/core/text/+page.md
index 0615361f6..59b81af81 100644
--- a/apps/docs/src/routes/core/text/+page.md
+++ b/apps/docs/src/routes/core/text/+page.md
@@ -7,7 +7,7 @@ category: 'typography'
 description: 'Display text and links with theme styles or gradient'
 importCode: "import { Text } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Text/Text.svelte'
-docs: 'core/text.md'
+docs: 'core/text'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/theme-icon/+page.md b/apps/docs/src/routes/core/theme-icon/+page.md
index e2e87fb1a..49e2f9a6e 100644
--- a/apps/docs/src/routes/core/theme-icon/+page.md
+++ b/apps/docs/src/routes/core/theme-icon/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Render icon inside element with theme colors'
 importCode: "import { ThemeIcon } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/ThemeIcon/ThemeIcon.svelte'
-docs: 'core/theme-icon.md'
+docs: 'core/theme-icon'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/timeline/+page.md b/apps/docs/src/routes/core/timeline/+page.md
index 770a45bf3..8805d6cfb 100644
--- a/apps/docs/src/routes/core/timeline/+page.md
+++ b/apps/docs/src/routes/core/timeline/+page.md
@@ -7,7 +7,7 @@ category: 'data-display'
 description: 'Display list of events in chronological order'
 importCode: "import { Timeline } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Timeline/Timeline.svelte'
-docs: 'core/timeline.md'
+docs: 'core/timeline'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/title/+page.md b/apps/docs/src/routes/core/title/+page.md
index 29e3e5c8c..213a782a7 100644
--- a/apps/docs/src/routes/core/title/+page.md
+++ b/apps/docs/src/routes/core/title/+page.md
@@ -7,7 +7,7 @@ category: 'typography'
 description: 'h1-h6 headings'
 importCode: "import { Title } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Title/Title.svelte'
-docs: 'core/title.md'
+docs: 'core/title'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/core/tooltip/+page.md b/apps/docs/src/routes/core/tooltip/+page.md
index 4fdbc17dc..ff9f48993 100644
--- a/apps/docs/src/routes/core/tooltip/+page.md
+++ b/apps/docs/src/routes/core/tooltip/+page.md
@@ -7,7 +7,7 @@ category: 'overlay'
 description: 'Renders tooltip at given element on mouse over or any other event'
 importCode: "import { Tooltip } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/Tooltip/Tooltip.svelte'
-docs: 'core/tooltip.md'
+docs: 'core/tooltip'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/typography-provider/+page.md b/apps/docs/src/routes/core/typography-provider/+page.md
index a41bda1e8..6aab39980 100644
--- a/apps/docs/src/routes/core/typography-provider/+page.md
+++ b/apps/docs/src/routes/core/typography-provider/+page.md
@@ -7,7 +7,7 @@ category: 'typography'
 description: 'Renders HTML content with SvelteUI typography styles'
 importCode: "import { TypographyProvider } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/TypographyProvider/TypographyProvider.svelte'
-docs: 'core/typography-provider.md'
+docs: 'core/typography-provider'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/core/unstyled-button/+page.md b/apps/docs/src/routes/core/unstyled-button/+page.md
index bb839f869..afa30e740 100644
--- a/apps/docs/src/routes/core/unstyled-button/+page.md
+++ b/apps/docs/src/routes/core/unstyled-button/+page.md
@@ -7,7 +7,7 @@ category: 'inputs'
 description: 'Render button with no theme colors'
 importCode: "import { UnstyledButton } from '@svelteuidev/core';"
 source: 'svelteui-core/src/components/UnstyledButton/UnstyledButton.svelte'
-docs: 'core/unstyled-button.md'
+docs: 'core/unstyled-button'
 ---
 
 <script lang="ts">
diff --git a/apps/docs/src/routes/dates/month/+page.md b/apps/docs/src/routes/dates/month/+page.md
index 1d2f2f6c0..32ce0ab6f 100644
--- a/apps/docs/src/routes/dates/month/+page.md
+++ b/apps/docs/src/routes/dates/month/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/dates'
 # slug: /dates/month/
 description: 'Most basic date related component, displays given month with optional weekdays row'
 importCode: "import { Month } from '@svelteuidev/dates';"
-docs: 'dates/month.md'
+docs: 'dates/month'
 source: 'svelteui-dates/src/components/Month/Month.svelte'
 ---
 
diff --git a/apps/docs/src/routes/motion/flipboard/+page.md b/apps/docs/src/routes/motion/flipboard/+page.md
index 8c7dc8ca5..470de5046 100644
--- a/apps/docs/src/routes/motion/flipboard/+page.md
+++ b/apps/docs/src/routes/motion/flipboard/+page.md
@@ -7,7 +7,7 @@ category: 'transitions'
 description: 'Flipboard transition effect for text'
 importCode: "import { flipboard } from '@svelteuidev/motion';"
 source: 'svelteui-motion/src/lib/dist/transitions/flipboard/flipboard.ts'
-docs: 'motion/flipboard.md'
+docs: 'motion/flipboard'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/motion/typewriter/+page.md b/apps/docs/src/routes/motion/typewriter/+page.md
index a0fe36a26..3f5192e61 100644
--- a/apps/docs/src/routes/motion/typewriter/+page.md
+++ b/apps/docs/src/routes/motion/typewriter/+page.md
@@ -7,7 +7,7 @@ category: 'transitions'
 description: 'Type writer transition effect for text'
 importCode: "import { typewriter } from '@svelteuidev/motion';"
 source: 'svelteui-motion/src/lib/dist/transitions/typewriter/typewriter.ts'
-docs: 'motion/typewriter.md'
+docs: 'motion/typewriter'
 ---
 
 <script lang='ts'>
diff --git a/apps/docs/src/routes/others/prism/+page.md b/apps/docs/src/routes/others/prism/+page.md
index 0e32399ac..99f95217b 100644
--- a/apps/docs/src/routes/others/prism/+page.md
+++ b/apps/docs/src/routes/others/prism/+page.md
@@ -5,7 +5,7 @@ packageGroup: '@svelteuidev/prism'
 description: 'Code highlight with SvelteUI theme colors and styles'
 importCode: "import { Prism } from '@svelteuidev/prism';"
 source: 'svelteui-src/dist/Prism/Prism.svelte'
-docs: 'others/prism.md'
+docs: 'others/prism'
 license: MIT
 ---
 
diff --git a/apps/docs/src/routes/preprocessors/view-source/+page.md b/apps/docs/src/routes/preprocessors/view-source/+page.md
index 929484470..bffc9d5b1 100644
--- a/apps/docs/src/routes/preprocessors/view-source/+page.md
+++ b/apps/docs/src/routes/preprocessors/view-source/+page.md
@@ -6,7 +6,7 @@ slug: /preprocessors/view-source/
 description: 'Preprocessor for displaying source code'
 importCode: "import { viewSource, SourceCode, DisplaySourceCode } from '@svelteuidev/preprocessors';"
 source: 'svelteui-preprocessors/src/SourceCode/preprocess.ts'
-docs: 'preprocessors/view-source.md'
+docs: 'preprocessors/view-source'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/create-styles/+page.md b/apps/docs/src/routes/theming/create-styles/+page.md
index 73b233f6b..45ac4feda 100644
--- a/apps/docs/src/routes/theming/create-styles/+page.md
+++ b/apps/docs/src/routes/theming/create-styles/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Customize theme
 description: Learn how to create your own themes and styles.
-docs: 'theming/create-styles.md'
+docs: 'theming/create-styles'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/dark-theme/+page.md b/apps/docs/src/routes/theming/dark-theme/+page.md
index 29464d5c0..e6b594532 100644
--- a/apps/docs/src/routes/theming/dark-theme/+page.md
+++ b/apps/docs/src/routes/theming/dark-theme/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Dark Theme
 description: Change the color scheme of your application.
-docs: 'theming/dark-theme.md'
+docs: 'theming/dark-theme'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/default-theme/+page.md b/apps/docs/src/routes/theming/default-theme/+page.md
index fb7a4fad5..213dbd831 100644
--- a/apps/docs/src/routes/theming/default-theme/+page.md
+++ b/apps/docs/src/routes/theming/default-theme/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Default Theme
 description: SvelteUI's default color palette, fonts, font sizes, breakpoints, border radius, and more..
-docs: 'theming/default-theme.md'
+docs: 'theming/default-theme'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/override/+page.md b/apps/docs/src/routes/theming/override/+page.md
index 39e51be14..15c3018ee 100644
--- a/apps/docs/src/routes/theming/override/+page.md
+++ b/apps/docs/src/routes/theming/override/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Override
 description: Overriding base styles.
-docs: 'theming/override.md'
+docs: 'theming/override'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/ssr/+page.md b/apps/docs/src/routes/theming/ssr/+page.md
index 06a2c91b0..e2ce28b0b 100644
--- a/apps/docs/src/routes/theming/ssr/+page.md
+++ b/apps/docs/src/routes/theming/ssr/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Server side rendering
 description: How to use SvelteUI in a ssr environment.
-docs: 'theming/ssr.md'
+docs: 'theming/ssr'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/stitches-utilities/+page.md b/apps/docs/src/routes/theming/stitches-utilities/+page.md
index 86da1c8d4..9cdfbd87c 100644
--- a/apps/docs/src/routes/theming/stitches-utilities/+page.md
+++ b/apps/docs/src/routes/theming/stitches-utilities/+page.md
@@ -1,7 +1,7 @@
 ---
 title: Stitches Utilities
 description: SvelteUI provides out of the box Stitches utilities.
-docs: 'theming/stitches-utilities.md'
+docs: 'theming/stitches-utilities'
 ---
 
 <script>
diff --git a/apps/docs/src/routes/theming/svelteui-provider/+page.md b/apps/docs/src/routes/theming/svelteui-provider/+page.md
index 0cf32dcec..4f005eb23 100644
--- a/apps/docs/src/routes/theming/svelteui-provider/+page.md
+++ b/apps/docs/src/routes/theming/svelteui-provider/+page.md
@@ -1,7 +1,7 @@
 ---
 title: SvelteUIProvider
 description: The SvelteUIProvider is the central part of your app.
-docs: 'theming/svelteui-provider.md'
+docs: 'theming/svelteui-provider'
 ---
 
 <script>