flowbite-svelte 0.44.10 → 0.44.12

package/src/routes/component-data/SpeedDialButton.json

@@ -1,14 +0,0 @@
-{
-  "name": "SpeedDialButton",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["btnDefaultClass", "string", "'w-[52px] h-[52px] shadow-sm !p-2'"],
-    ["name", "string", "''"],
-    ["tooltip", "Placement | 'none'", "context.tooltip"],
-    ["pill", "boolean", "context.pill"],
-    ["textOutside", "boolean", "context.textOutside"],
-    ["textOutsideClass", "string", "'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2'"],
-    ["textDefaultClass", "string", "'block mb-px text-xs font-medium'"]
-  ]
-}

package/src/routes/component-data/Spinner.json

@@ -1,13 +0,0 @@
-{
-  "name": "Spinner",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["color", "'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined", "'primary'"],
-    ["bg", "string", "'text-gray-300'"],
-    ["customColor", "string", "''"],
-    ["size", "string", "'8'"],
-    ["currentFill", "string", "'currentFill'"],
-    ["currentColor", "string", "'currentColor'"]
-  ]
-}

package/src/routes/component-data/Star.json

@@ -1,14 +0,0 @@
-{
-  "name": "Star",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["fillPercent", "number", "100"],
-    ["fillColor", "string", "'#F5CA14'"],
-    ["strokeColor", "string", "'#F5CA14'"],
-    ["size", "number", "24"],
-    ["ariaLabel", "string", "'star'"],
-    ["id", "string", "generateId()"],
-    ["role", "string", "'img'"]
-  ]
-}

package/src/routes/component-data/StepIndicator.json

@@ -1,15 +0,0 @@
-{
-  "name": "StepIndicator",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["steps", "string[]", "['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5']"],
-    ["currentStep", "string", "1"],
-    ["size", "string", "'h-2.5'"],
-    ["color", "'primary' | 'secondary' | 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom'", "'primary'"],
-    ["glow", "boolean", "false"],
-    ["hideLabel", "boolean", "false"],
-    ["completedCustom", "string", "''"],
-    ["currentCustom", "string", "''"]
-  ]
-}

package/src/routes/component-data/TabItem.json

@@ -1,12 +0,0 @@
-{
-  "name": "TabItem",
-  "slots": ["title"],
-  "events": ["on:click", "on:blur", "on:click", "on:contextmenu", "on:focus", "on:keydown", "on:keypress", "on:keyup", "on:mouseenter", "on:mouseleave", "on:mouseover"],
-  "props": [
-    ["open", "boolean", "false"],
-    ["title", "string", "'Tab title'"],
-    ["activeClasses", "string | undefined", "undefined"],
-    ["inactiveClasses", "string | undefined", "undefined"],
-    ["defaultClass", "string", "'inline-block text-sm font-medium text-center disabled:cursor-not-allowed'"]
-  ]
-}

package/src/routes/component-data/Table.json

@@ -1,14 +0,0 @@
-{
-  "name": "Table",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'relative overflow-x-auto'"],
-    ["striped", "boolean", "false"],
-    ["hoverable", "boolean", "false"],
-    ["noborder", "boolean", "false"],
-    ["shadow", "boolean", "false"],
-    ["color", "TableColorType", "'default'"],
-    ["customeColor", "string", "''"]
-  ]
-}

package/src/routes/component-data/TableBody.json

@@ -1 +0,0 @@
-{ "name": "TableBody", "slots": [], "events": [], "props": [["tableBodyClass", "string | undefined", "undefined"]] }

package/src/routes/component-data/TableBodyCell.json

@@ -1 +0,0 @@
-{ "name": "TableBodyCell", "slots": [], "events": ["on:click"], "props": [["tdClass", "string", "'px-6 py-4 whitespace-nowrap font-medium '"]] }

package/src/routes/component-data/TableBodyRow.json

@@ -1 +0,0 @@
-{ "name": "TableBodyRow", "slots": [], "events": ["on:click", "on:contextmenu"], "props": [["color", "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'", "getContext('color')"]] }

package/src/routes/component-data/TableHead.json

@@ -1,9 +0,0 @@
-{
-  "name": "TableHead",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["theadClass", "string", "'text-xs uppercase'"],
-    ["defaultRow", "boolean", "true"]
-  ]
-}

package/src/routes/component-data/TableHeadCell.json

@@ -1 +0,0 @@
-{ "name": "TableHeadCell", "slots": [], "events": ["on:click", "on:focus", "on:keydown", "on:keypress", "on:keyup", "on:mouseenter", "on:mouseleave", "on:mouseover"], "props": [["padding", "string", "'px-6 py-3'"]] }

package/src/routes/component-data/TableSearch.json

@@ -1,19 +0,0 @@
-{
-  "name": "TableSearch",
-  "slots": ["svgSearch", "header", "footer"],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'relative overflow-x-auto shadow-md sm:rounded-lg'"],
-    ["inputValue", "string", "''"],
-    ["striped", "boolean", "false"],
-    ["hoverable", "boolean", "false"],
-    ["placeholder", "string", "'Search'"],
-    ["customColor", "string", "''"],
-    ["color", "'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom'", "'default'"],
-    ["innerDivClass", "string", "'p-4'"],
-    ["searchClass", "string", "'relative mt-1'"],
-    ["svgDivClass", "string", "'absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none'"],
-    ["svgClass", "string", "'w-5 h-5 text-gray-500 dark:text-gray-400'"],
-    ["inputClass", "string", "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 pl-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"]
-  ]
-}

package/src/routes/component-data/Tablet.json

@@ -1,11 +0,0 @@
-{
-  "name": "Tablet",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["tabletLeftTop", "string", ""],
-    ["tabletLeftMid", "string", ""],
-    ["tabletLeftBot", "string", ""],
-    ["tabletRight", "string", "@prop export let tabletLeftTop: string"]
-  ]
-}

package/src/routes/component-data/Tabs.json

@@ -1,13 +0,0 @@
-{
-  "name": "Tabs",
-  "slots": ["divider"],
-  "events": [],
-  "props": [
-    ["style", "'full' | 'pill' | 'underline' | 'none'", "'none'"],
-    ["defaultClass", "string", "'flex flex-wrap space-x-2'"],
-    ["contentClass", "string", "'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4'"],
-    ["divider", "boolean", "true"],
-    ["activeClasses", "string", "'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500'"],
-    ["inactiveClasses", "string", "'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300'"]
-  ]
-}

package/src/routes/component-data/TestimonialPlaceholder.json

@@ -1 +0,0 @@
-{ "name": "TestimonialPlaceholder", "slots": [], "events": [], "props": [["divClass", "string", "'animate-pulse'"]] }

package/src/routes/component-data/TextPlaceholder.json

@@ -1,9 +0,0 @@
-{
-  "name": "TextPlaceholder",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'space-y-2.5 animate-pulse'"],
-    ["size", "keyof Sizes", "'sm'"]
-  ]
-}

package/src/routes/component-data/Textarea.json

@@ -1,11 +0,0 @@
-{
-  "name": "Textarea",
-  "slots": ["header", "footer"],
-  "events": ["on:blur", "on:change", "on:click", "on:contextmenu", "on:focus", "on:input", "on:keydown", "on:keypress", "on:keyup", "on:mouseenter", "on:mouseleave", "on:mouseover", "on:paste"],
-  "props": [
-    ["value", "any", "undefined"],
-    ["wrappedClass", "string", "'block w-full text-sm border-0 px-0 bg-inherit dark:bg-inherit focus:outline-none focus:ring-0'"],
-    ["unWrappedClass", "string", "'p-2.5 text-sm focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:border-primary-500'"],
-    ["innerWrappedClass", "string", "'py-2 px-4 bg-white dark:bg-gray-800'"]
-  ]
-}

package/src/routes/component-data/Thumbnail.json

@@ -1,10 +0,0 @@
-{
-  "name": "Thumbnail",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["selected", "boolean", "false"],
-    ["activeClass", "string", "'opacity-100'"],
-    ["inactiveClass", "string", "'opacity-60'"]
-  ]
-}

package/src/routes/component-data/Thumbnails.json

@@ -1,9 +0,0 @@
-{
-  "name": "Thumbnails",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["images", "HTMLImgAttributes[]", "[]"],
-    ["index", "number", "0"]
-  ]
-}

package/src/routes/component-data/Thumbup.json

@@ -1,14 +0,0 @@
-{
-  "name": "Thumbup",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["fillPercent", "number", "100"],
-    ["fillColor", "string", "'#00b500'"],
-    ["strokeColor", "string", "'#00b500'"],
-    ["size", "number", "24"],
-    ["ariaLabel", "string", "'thumbup'"],
-    ["id", "string", "'thumbup'"],
-    ["role", "string", "'img'"]
-  ]
-}

package/src/routes/component-data/Timeline.json

@@ -1 +0,0 @@
-{ "name": "Timeline", "slots": [], "events": [], "props": [["order", "'default' | 'vertical' | 'horizontal' | 'activity' | 'group'", "'default'"]] }

package/src/routes/component-data/TimelineHorizontal.json

@@ -1 +0,0 @@
-{ "name": "TimelineHorizontal", "slots": [], "events": [], "props": [["olClass", "string", "'sm:flex'"]] }

package/src/routes/component-data/TimelineItem.json

@@ -1,10 +0,0 @@
-{
-  "name": "TimelineItem",
-  "slots": ["icon", "icon", "icon"],
-  "events": [],
-  "props": [
-    ["title", "string", "''"],
-    ["date", "string", "''"],
-    ["svgClass", "string", "'w-3 h-3 text-primary-600 dark:text-primary-400'"]
-  ]
-}

package/src/routes/component-data/TimelineItemHorizontal.json

@@ -1,19 +0,0 @@
-{
-  "name": "TimelineItemHorizontal",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["title", "string", ""],
-    ["date", "string", ""],
-    ["href", "string", ""],
-    ["text", "string", ""],
-    ["liClass", "string", "'relative mb-6 sm:mb-0'"],
-    ["divClass", "string", "'flex z-10 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-0 ring-white dark:bg-blue-900 sm:ring-8 dark:ring-gray-900 shrink-0'"],
-    ["h3Class", "string", "'text-lg font-semibold text-gray-900 dark:text-white'"],
-    ["timeClass", "string", "'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500'"],
-    ["pClass", "string", "'text-base font-normal text-gray-500 dark:text-gray-400'"],
-    ["aClass", "string", "'inline-flex items-center py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-200 focus:text-blue-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-700'"],
-    ["linkname", "string", ""],
-    ["icon", "string", "@prop export let timelineItems: TimelineItemHorizontalType[]"]
-  ]
-}

package/src/routes/component-data/TimelineItemVertical.json

@@ -1,13 +0,0 @@
-{
-  "name": "TimelineItemVertical",
-  "slots": ["icon"],
-  "events": [],
-  "props": [
-    ["title", "string", ""],
-    ["date", "string", ""],
-    ["liClass", "string", "'mb-10 ml-6'"],
-    ["spanClass", "string", "'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900'"],
-    ["h3Class", "string", "'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white'"],
-    ["timeClass", "string", "'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500'"]
-  ]
-}

package/src/routes/component-data/Toast.json

@@ -1,15 +0,0 @@
-{
-  "name": "Toast",
-  "slots": ["icon", "close-button"],
-  "events": ["on:click"],
-  "props": [
-    ["dismissable", "boolean", "true"],
-    ["color", "'primary' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'orange' | 'none'", "'primary'"],
-    ["position", "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none'", "'none'"],
-    ["open", "boolean", "true"],
-    ["divClass", "string", "'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3'"],
-    ["defaultIconClass", "string", "'w-8 h-8'"],
-    ["contentClass", "string", "'w-full text-sm font-normal'"],
-    ["align", "boolean", "true"]
-  ]
-}

package/src/routes/component-data/Toggle.json

@@ -1,12 +0,0 @@
-{
-  "name": "Toggle",
-  "slots": [],
-  "events": ["on:click", "on:change"],
-  "props": [
-    ["size", "'small' | 'default' | 'large' | 'custom'", "'default'"],
-    ["group", "(string | number)[]", "[]"],
-    ["value", "string | number", "''"],
-    ["checked", "boolean | undefined", "undefined"],
-    ["customSize", "string", "''"]
-  ]
-}

package/src/routes/component-data/Toolbar.json

@@ -1,9 +0,0 @@
-{
-  "name": "Toolbar",
-  "slots": ["end"],
-  "events": [],
-  "props": [
-    ["color", "ToolbarColorType", "'dark'"],
-    ["embedded", "boolean", "false"]
-  ]
-}

package/src/routes/component-data/ToolbarButton.json

@@ -1,12 +0,0 @@
-{
-  "name": "ToolbarButton",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["color", "ToolbarButtonType", "'default'"],
-    ["name", "string | undefined", "undefined"],
-    ["ariaLabel", "string | undefined", "undefined"],
-    ["size", "'xs' | 'sm' | 'md' | 'lg'", "'md'"],
-    ["href", "string | undefined", "undefined"]
-  ]
-}

package/src/routes/component-data/ToolbarGroup.json

@@ -1 +0,0 @@
-{ "name": "ToolbarGroup", "slots": [], "events": [], "props": [["divClass", "string", "'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0'"]] }

package/src/routes/component-data/Tooltip.json

@@ -1,9 +0,0 @@
-{
-  "name": "Tooltip",
-  "slots": [],
-  "events": ["on:show"],
-  "props": [
-    ["type", "'dark' | 'light' | 'auto' | 'custom'", "'dark'"],
-    ["defaultClass", "string", "'py-2 px-3 text-sm font-medium'"]
-  ]
-}

package/src/routes/component-data/Video.json

@@ -1,12 +0,0 @@
-{
-  "name": "Video",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["src", "string", ""],
-    ["type", "string", "'video/mp4'"],
-    ["trackSrc", "string", "''"],
-    ["srclang", "string", "'en'"],
-    ["label", "string", "'english_captions'"]
-  ]
-}

package/src/routes/component-data/VideoPlaceholder.json

@@ -1,9 +0,0 @@
-{
-  "name": "VideoPlaceholder",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700'"],
-    ["size", "keyof Sizes", "'sm'"]
-  ]
-}

package/src/routes/component-data/VoiceSearch.json

@@ -1,16 +0,0 @@
-{
-  "name": "VoiceSearch",
-  "slots": [],
-  "events": ["on:submit", "on:click"],
-  "props": [
-    ["id", "string", "''"],
-    ["labelClass", "string", "'sr-only'"],
-    ["iconClass", "string", "'w-5 h-5 text-gray-500 dark:text-gray-400'"],
-    ["iconDivClass", "string", "'flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none'"],
-    ["inputClass", "string", "'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500'"],
-    ["btnClass", "string", "'inline-flex items-center py-2.5 px-3 ml-2 text-sm font-medium text-white bg-blue-700 rounded-lg border border-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800'"],
-    ["voiceBtnClass", "string", "'flex absolute inset-y-0 right-0 items-center pr-3'"],
-    ["voiceIconClass", "string", "'w-4 h-4 text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'"],
-    ["placeholder", "string", "'Search Mockups, Logos, Design Templates...'"]
-  ]
-}

package/src/routes/component-data/WidgetPlaceholder.json

@@ -1 +0,0 @@
-{ "name": "WidgetPlaceholder", "slots": [], "events": [], "props": [["divClass", "string", "'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700'"]] }

package/src/routes/component-data/Wrapper.json

@@ -1,10 +0,0 @@
-{
-  "name": "Wrapper",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["tag", "string", "'div'"],
-    ["show", "boolean", ""],
-    ["use", "Action<HTMLElement, any> = () => {};", "@prop export let tag: string = 'div'"]
-  ]
-}

package/src/routes/component-data/backdrop.json

@@ -1,9 +0,0 @@
-{
-  "name": "backdrop",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["open", "string", "false"],
-    ["placement", "string", ""]
-  ]
-}

package/src/routes/component-data/clickOutside.json

@@ -1 +0,0 @@
-{ "name": "clickOutside", "slots": [], "events": [], "props": [] }

package/src/routes/component-data/createEventDispatcher.json

@@ -1 +0,0 @@
-{ "name": "createEventDispatcher", "slots": [], "events": [], "props": [] }

package/src/routes/component-data/focusTrap.json

@@ -1 +0,0 @@
-{ "name": "focusTrap", "slots": [], "events": ["on:not"], "props": [] }

package/src/routes/component-data/generateId.json

@@ -1 +0,0 @@
-{ "name": "generateId", "slots": [], "events": [], "props": [] }

package/src/routes/component-data/index.json

@@ -1 +0,0 @@
-{ "name": "index", "slots": [], "events": [], "props": [] }

package/src/routes/component-data/types.json

@@ -1 +0,0 @@
-{ "name": "types", "slots": [], "events": [], "props": [] }

package/src/routes/docs/+layout.js

@@ -1,10 +0,0 @@
-/** @type {import('./$types').LayoutLoad} */
-export const load = async ({ fetch }) => {
-  try {
-    const response = await fetch('/api/posts');
-
-    return { posts: await response.json() };
-  } catch (error) {
-    console.error(`Error in load function for /: ${error}`);
-  }
-};

package/src/routes/docs/+layout.svelte

@@ -1,74 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-  import { afterNavigate } from '$app/navigation';
-  import { Sidebar, SidebarGroup, SidebarItem, SidebarWrapper } from '$lib';
-  import SidebarDropdownWrapper from '$lib/sidebars/SidebarDropdownWrapper.svelte';
-  import { getContext } from 'svelte';
-  import type { Writable } from 'svelte/store';
-  import type { PageData } from '../$types';
-  import { ChevronDownSolid, ChevronUpSolid } from 'flowbite-svelte-icons';
-
-  export let data: PageData;
-
-  const posts: Record<string, any[]> = data.posts;
-  const drawerHidden: Writable<boolean> = getContext('drawer');
-
-  const closeDrawer = () => {
-    drawerHidden.set(true);
-  };
-
-  const names_mapping: Record<string, string> = {
-    pages: 'Getting Started'
-  };
-
-  const fileDir = (path: string) => path.split('/').slice(0, -1).pop() ?? '';
-
-  $: mainSidebarUrl = $page.url.pathname;
-  let activeMainSidebar: string;
-
-  afterNavigate((navigation) => {
-    // this fixes https://github.com/themesberg/flowbite-svelte/issues/364
-    document.getElementById('svelte')?.scrollTo({ top: 0 });
-    closeDrawer();
-
-    activeMainSidebar = navigation.to?.url.pathname ?? '';
-
-    const key = fileDir(activeMainSidebar);
-    for (const k in dropdowns) dropdowns[k] = false;
-    dropdowns[key] = true;
-  });
-
-  let spanClass = '';
-  let nonActiveClass = 'transition-colors duration-200 relative flex items-center flex-wrap font-medium hover:text-gray-900 hover:cursor-pointer text-gray-500 dark:text-gray-400 dark:hover:text-white';
-  let activeClass = 'relative flex items-center flex-wrap font-medium cursor-default text-primary-700 dark:text-primary-700';
-
-  let dropdowns = Object.fromEntries(Object.keys(posts).map((x) => [x, false]));
-</script>
-
-<Sidebar class={$drawerHidden && 'hidden'} {nonActiveClass} activeUrl={mainSidebarUrl} asideClass="fixed inset-0 z-30 flex-none h-full w-64 lg:static lg:h-auto border-r border-gray-200 dark:border-gray-600 lg:overflow-y-visible lg:pt-0 lg:block">
-  <h4 id="sidebar-label" class="sr-only">Browse docs</h4>
-  <SidebarWrapper divClass="overflow-y-auto px-4 pt-20 lg:pt-0 h-full bg-white scrolling-touch max-w-2xs lg:h-[calc(100vh-8rem)] lg:block dark:bg-gray-900 lg:mr-0 lg:sticky top-20">
-    <nav class="font-normal text-base lg:text-sm">
-      <SidebarGroup ulClass="list-unstyled fw-normal small mb-4">
-        {#each Object.entries(posts) as [key, values] (key)}
-          <SidebarDropdownWrapper bind:isOpen={dropdowns[key]} label={names_mapping[key] ?? key} ulClass="space-y-2.5" btnClass="flex items-center justify-between w-full my-4 text-sm font-semibold tracking-wide uppercase hover:text-primary-700 dark:hover:text-primary-600" spanClass="" class={dropdowns[key] ? 'text-primary-700 dark:text-primary-700' : 'text-gray-900 dark:text-white'}>
-            <ChevronDownSolid slot="arrowdown" class="w-3 h-3 text-gray-800 dark:text-white" />
-            <ChevronUpSolid slot="arrowup" class="w-3 h-3 text-gray-800 dark:text-white" />
-            {#each values as { meta, path }}
-              {@const href = `/docs/${key}${path}`}
-              {#if meta}
-                <SidebarItem label={meta.component_title} {href} {spanClass} {activeClass} active={activeMainSidebar === href} />
-              {/if}
-            {/each}
-          </SidebarDropdownWrapper>
-        {/each}
-      </SidebarGroup>
-    </nav>
-  </SidebarWrapper>
-</Sidebar>
-
-<div hidden={$drawerHidden} class="fixed inset-0 z-20 bg-gray-900/50 dark:bg-gray-900/60" on:click={closeDrawer} on:keydown={closeDrawer} role="presentation" />
-
-<main class="flex-auto w-full min-w-0 lg:static lg:max-h-full lg:overflow-visible">
-  <slot />
-</main>

package/src/routes/docs/components/[slug]/+page.js

@@ -1,13 +0,0 @@
-// src/routes/components/[slug]/+page.js
-/** @type {import('./$types').PageLoad} */
-export async function load({ params }) {
-  const post = await import(`../${params.slug}.md`);
-  const { title, dir } = post.metadata;
-  const content = post.default;
-
-  return {
-    content,
-    title,
-    dir
-  };
-}

package/src/routes/docs/components/[slug]/+page.svelte

@@ -1,6 +0,0 @@
-<script lang="ts">
-  import type { PageData } from './$types';
-  export let data: PageData;
-</script>
-
-<svelte:component this={data.content} />