flowbite-svelte 0.44.11 → 0.44.13

package/src/lib/utils/backdrop.ts

@@ -1,101 +0,0 @@
-import { createEventDispatcher } from 'svelte';
-export let open = false;
-
-const backdropClasses = 'bg-gray-900 bg-opacity-50 dark:bg-opacity-80 fixed inset-0 z-40';
-export let placement: string;
-// const placement:
-// 		| 'top-left'
-// 		| 'top-center'
-// 		| 'top-right'
-// 		| 'center-left'
-// 		| 'center'
-// 		| 'center-right'
-// 		| 'bottom-left'
-// 		| 'bottom-center'
-// 		| 'bottom-right'='center';
-
-export const init = (node: HTMLElement, _open: boolean) => {
-  getPlacementClasses().map((c) => node.classList.add(c));
-  _open && createBackdrop(node);
-
-  return {
-    update(_open: boolean) {
-      allPlacementClasses.map((c) => node.classList.remove(c));
-      getPlacementClasses().map((c) => node.classList.add(c));
-
-      _open ? createBackdrop(node) : destroyBackdrop(node);
-    },
-
-    destroy() {
-      destroyBackdrop(node);
-    }
-  };
-};
-
-const getPlacementClasses = () => {
-  switch (placement) {
-    // top
-    case 'top-left':
-      return ['justify-start', 'items-start'];
-    case 'top-center':
-      return ['justify-center', 'items-start'];
-    case 'top-right':
-      return ['justify-end', 'items-start'];
-
-    // center
-    case 'center-left':
-      return ['justify-start', 'items-center'];
-    case 'center':
-      return ['justify-center', 'items-center'];
-    case 'center-right':
-      return ['justify-end', 'items-center'];
-
-    // bottom
-    case 'bottom-left':
-      return ['justify-start', 'items-end'];
-    case 'bottom-center':
-      return ['justify-center', 'items-end'];
-    case 'bottom-right':
-      return ['justify-end', 'items-end'];
-
-    default:
-      return ['justify-center', 'items-center'];
-  }
-};
-
-const createBackdrop = (node: Node) => {
-  if (!backdropEl) {
-    backdropEl = document.createElement('div');
-    backdropEl.classList.add(...backdropClasses.split(' '));
-
-    const body = document.body;
-    body.append(backdropEl);
-    body.style.overflow = 'hidden';
-
-    document.addEventListener('keydown', handleEscape, true);
-  }
-
-  dispatch('show', node);
-};
-
-const destroyBackdrop = (node: Node) => {
-  const body = document.body;
-  body.style.overflow = 'auto';
-
-  if (backdropEl) backdropEl.remove();
-  backdropEl = undefined;
-
-  document.removeEventListener('keydown', handleEscape, true);
-
-  dispatch('hide', node);
-};
-
-let backdropEl: HTMLElement | undefined;
-
-const handleEscape = (e: KeyboardEvent) => {
-  if (open && e.key === 'Escape') open = false;
-};
-
-const dispatch = createEventDispatcher();
-
-const allPlacementClasses = ['justify-start', 'justify-center', 'justify-end', 'items-start', 'items-center', 'items-end'];

package/src/lib/utils/clickOutside.ts

@@ -1,16 +0,0 @@
-export const clickOutside = (node: HTMLElement, callback: () => void) => {
-  const handleClick = (event: MouseEvent) => {
-    if (!event?.target) return;
-    if (node && !node.contains(event.target as Node) && !event.defaultPrevented) {
-      callback();
-    }
-  };
-
-  document.addEventListener('click', handleClick, true);
-
-  return {
-    destroy() {
-      document.removeEventListener('click', handleClick, true);
-    }
-  };
-};

package/src/lib/utils/createEventDispatcher.ts

@@ -1,24 +0,0 @@
-/*
- Custom Event Dispatcher
- 
- Sets `target` in event data.
-
- https://svelte.dev/repl/c93cbf99a8ca4f44912e662a8e3cbef7?version=3.37.0
-
-*/
-
-import { get_current_component } from 'svelte/internal';
-
-export default function createEventDispatcher() {
-  const component = get_current_component();
-  return (type: string, target: Element, detail: any) => {
-    const callbacks = component.$$.callbacks[type];
-    if (callbacks) {
-      const event = new CustomEvent(type, { detail });
-      target.dispatchEvent(event);
-      callbacks.slice().forEach((fn: (e: Event) => void) => {
-        fn.call(component, event);
-      });
-    }
-  };
-}

package/src/lib/utils/focusTrap.js

@@ -1,42 +0,0 @@
-//
-// Taken from github.com/carbon-design-system/carbon/packages/react/src/internal/keyboard/navigation.js
-//
-
-// add all the elements inside modal which you want to make focusable
-const selectorTabbable = `
-  a[href], area[href], input:not([disabled]):not([tabindex='-1']),
-  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),
-  textarea:not([disabled]):not([tabindex='-1']),
-  iframe, object, embed, *[tabindex]:not([tabindex='-1']):not([disabled]), *[contenteditable=true]
-`;
-
-/** @type {import('svelte/action').Action<HTMLElement, any>} */
-export default function focusTrap(node) {
-  /** @type {(e:KeyboardEvent)=>void} */
-  function handleFocusTrap(e) {
-    let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
-
-    if (!isTabPressed) {
-      return;
-    }
-
-    const tabbable = Array.from(node.querySelectorAll(selectorTabbable));
-
-    let index = tabbable.indexOf(document.activeElement ?? node);
-    if (index === -1 && e.shiftKey) index = 0;
-    index += tabbable.length + (e.shiftKey ? -1 : 1);
-    index %= tabbable.length;
-    /** @ts-ignore */
-    tabbable[index].focus();
-
-    e.preventDefault();
-  }
-
-  document.addEventListener('keydown', handleFocusTrap, true);
-
-  return {
-    destroy() {
-      document.removeEventListener('keydown', handleFocusTrap, true);
-    }
-  };
-}

package/src/lib/utils/generateId.js

@@ -1,5 +0,0 @@
-let n = Date.now();
-
-export default function () {
-  return (++n).toString(36);
-}

package/src/lib/video/Video.svelte

@@ -1,29 +0,0 @@
-<script lang="ts">
-  import { twMerge } from 'tailwind-merge';
-
-  export let src: string;
-  export let type: string = 'video/mp4';
-  export let trackSrc: string = '';
-  export let srclang: string = 'en';
-  export let label: string = 'english_captions';
-
-  let videoClass = twMerge($$props.class);
-</script>
-
-<video {...$$restProps} class={videoClass}>
-  <source {src} {type} />
-  <slot />
-  <track src={trackSrc} kind="captions" {srclang} {label} />
-  Your browser does not support the video tag.
-</video>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Props
-@prop export let src: string;
-@prop export let type: string = 'video/mp4';
-@prop export let trackSrc: string = '';
-@prop export let srclang: string = 'en';
-@prop export let label: string = 'english_captions';
--->

package/src/routes/+error.svelte

@@ -1,5 +0,0 @@
-<script>
-  import { page } from '$app/stores';
-</script>
-
-<h1>{$page.error?.message ?? 'Unknow error'}</h1>

package/src/routes/+layout.svelte

@@ -1,98 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-  import { DarkMode, Navbar, NavBrand, NavHamburger, NavLi, NavUl } from '$lib';
-  import Tooltip from '$lib/tooltips/Tooltip.svelte';
-  import { onMount, setContext } from 'svelte';
-  import { writable, type Writable } from 'svelte/store';
-  import '../app.css';
-  import DocBadge from './utils/DocBadge.svelte';
-  import Discord from './utils/icons/Discord.svelte';
-  import GitHub from './utils/icons/GitHub.svelte';
-  import YouTube from './utils/icons/YouTube.svelte';
-  import ToolbarLink from './utils/ToolbarLink.svelte';
-  import NavSidebarHamburger from '$lib/navbar/NavSidebarHamburger.svelte';
-  import AlgoliaSearch from './utils/AlgoliaSearch.svelte';
-  import { browser } from '$app/environment';
-
-  let isHomePage: boolean;
-  $: isHomePage = $page.route.id === '/';
-
-  let version = import.meta.env.VITE_APP_VERSION;
-
-  $: activeUrl = $page.url.pathname;
-  let logo = '/images/flowbite-svelte-icon-logo.svg';
-  let divClass = 'w-full ml-auto lg:block lg:w-auto order-1 lg:order-none';
-  let ulClass = 'flex flex-col py-3 my-4 lg:flex-row lg:my-0 text-sm font-medium text-gray-900 dark:text-gray-300 gap-4';
-
-  const drawerHiddenStore: Writable<boolean> = writable<boolean>(true);
-  setContext('drawer', drawerHiddenStore);
-
-  const toggleDrawer = () => {
-    drawerHiddenStore.update((state) => !state);
-  };
-
-  onMount(() => {
-    // Workaround until https://github.com/sveltejs/kit/issues/2664 is fixed
-    if (typeof window !== 'undefined' && window.location.hash) {
-      const deepLinkedElement = document.getElementById(window.location.hash.substring(1));
-
-      if (deepLinkedElement) {
-        window.setTimeout(() => deepLinkedElement.scrollIntoView(), 100);
-      }
-    }
-  });
-</script>
-
-<header class="sticky top-0 z-40 flex-none w-full mx-auto bg-white border-b border-gray-200 dark:border-gray-600 dark:bg-gray-800">
-  <Navbar color="default" fluid navClass="flex items-center justify-between w-full mx-auto py-1.5 px-4 {isHomePage ? 'max-w-8xl lg:px-20 px-4' : ''}" let:hidden let:toggle>
-    <span hidden={$page.route.id === '/'}>
-      <NavSidebarHamburger on:click={toggleDrawer} btnClass="mr-3 m-0 mr-3 lg:hidden" />
-    </span>
-    <NavBrand href="/">
-      <img src={logo} class="mr-3 h-8" alt="Flowbite Svelte Logo" />
-      <span class="self-center whitespace-nowrap text-2xl font-semibold text-gray-900 dark:text-white"> Flowbite Svelte </span>
-    </NavBrand>
-
-    {#if !isHomePage}
-      <AlgoliaSearch />
-    {:else}
-      <div id="home">
-        <AlgoliaSearch />
-      </div>
-    {/if}
-
-    <NavUl {hidden} {divClass} {ulClass} {activeUrl} on:click={() => setTimeout(toggle, 1)} nonActiveClass="md:!pl-3 md:!py-2 lg:!pl-0 text-gray-700 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 dark:text-gray-400 lg:dark:text-white lg:dark:hover:text-primary-700 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent" activeClass="md:!pl-3 md:!py-2 lg:!pl-0 text-white bg-primary-700 lg:bg-transparent lg:text-primary-700 lg:dark:text-primary-700 dark:bg-primary-600 lg:dark:bg-transparent cursor-default">
-      <NavLi class="lg:px-2 lg:mb-0" href="/">Home</NavLi>
-      <NavLi class="lg:px-2 lg:mb-0" href="/docs/pages/introduction">Docs</NavLi>
-      <NavLi class="lg:px-2 lg:mb-0" href="/docs/pages/quickstart">Quickstart</NavLi>
-      <NavLi class="lg:px-2 lg:mb-0" href="/docs/components/accordion">Components</NavLi>
-      <NavLi class="lg:px-2 lg:mb-0" href="https://flowbite.com/figma/">Figma</NavLi>
-      <NavLi class="lg:px-2 lg:mb-0" href="https://flowbite-svelte-blocks.vercel.app/">Blocks</NavLi>
-    </NavUl>
-
-    <div class="flex items-center ml-auto">
-      <ToolbarLink class="hidden sm:inline-block dark:hover:text-white hover:text-gray-900" name="View on GitHub" href="https://github.com/themesberg/flowbite-svelte">
-        <GitHub />
-      </ToolbarLink>
-      <ToolbarLink class="hidden xl:inline-block dark:hover:text-white hover:text-gray-900" name="Join community on Discord" href="https://discord.gg/4eeurUVvTy">
-        <Discord />
-      </ToolbarLink>
-      <ToolbarLink class="hidden xl:inline-block dark:hover:text-white hover:text-gray-900" name="Subscribe to YouTube channel" href="https://www.youtube.com/channel/UC_Ms4V2kYDsh7F_CSsHyQ6A">
-        <YouTube />
-      </ToolbarLink>
-      <DarkMode size="lg" class="inline-block dark:hover:text-white hover:text-gray-900" />
-      <Tooltip class="dark:bg-gray-900" placement="bottom-end">Toggle dark mode</Tooltip>
-    </div>
-    <a href="https://www.npmjs.com/package/flowbite-svelte" class="hidden sm:block">
-      <DocBadge large class="ml-2 xl:ml-6 hover:bg-primary-600 hover:text-white dark:hover:bg-primary-800 dark:hover:text-white">
-        v{version}
-      </DocBadge>
-    </a>
-
-    <NavHamburger on:click={toggle} btnClass="ml-3 m-0 lg:hidden {isHomePage ? '' : 'hidden'}" />
-  </Navbar>
-</header>
-
-<div class="lg:flex">
-  <slot />
-</div>

package/src/routes/+page.server.ts

@@ -1,18 +0,0 @@
-const json = (r: Response) => r.json();
-
-/** @type {import('./$types').PageServerLoad} */
-export const load = async ({ fetch }) => {
-  try {
-    const githubAPI = 'https://api.github.com/repos/themesberg/flowbite-svelte';
-    const posts = await fetch('/api/posts').then(json);
-    const github = await fetch(githubAPI).then(json);
-    const contributors = await fetch(githubAPI + '/contributors?per_page=21').then(json);
-    const today = new Date().toISOString().slice(0, 10);
-    const npm = await fetch(`https://api.npmjs.org/downloads/point/2020-01-01:${today}/flowbite-svelte`).then(json);
-    const discord = await fetch('https://discord.com/api/v9/invites/4eeurUVvTy?with_counts=true&with_expiration=true').then(json);
-
-    return { posts, contributors, github, npm, discord };
-  } catch (error) {
-    console.error(`Error in load function for /: ${error}`);
-  }
-};

package/src/routes/+page.svelte

@@ -1,55 +0,0 @@
-<script lang="ts">
-  import { MetaTags } from 'svelte-meta-tags';
-  import type { PageData } from './$types';
-  import Components from './landing/Components.svelte';
-  import Featured from './landing/Featured.svelte';
-  import Hero from './landing/Hero.svelte';
-  import Footer from './utils/Footer.svelte';
-  import Contributors from './landing/Contributors.svelte';
-  import DesignFigma from './landing/DesignFigma.svelte';
-  import GetStarted from './landing/GetStarted.svelte';
-  import SocialProof from './landing/SocialProof.svelte';
-  import CTA from './landing/CTA.svelte';
-
-  export let data: PageData;
-
-  let title = 'Flowbite Svelte - UI Component Library';
-  let description = 'Flowbite Svelte is an open-source UI component library built with Svelte components, Tailwind CSS utility classes and based on the Flowbite design system and components.';
-  let default_title = 'Svelte UI Components';
-  const image = `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${default_title}`;
-</script>
-
-<MetaTags
-  {title}
-  {description}
-  facebook={{ appId: '453670756870545' }}
-  openGraph={{
-    type: 'website',
-    url: `https://flowbite-svelte.com/`,
-    title: `${title}`,
-    description: `${description}`,
-    images: [{ url: image, width: 1200, height: 630, alt: `${title}` }],
-    site_name: 'Flowbite Svelte'
-  }}
-  twitter={{
-    handle: '@shinokada',
-    cardType: 'summary_large_image',
-    title: `${title}`,
-    description: `${description}`,
-    image,
-    imageAlt: `${title} logo`
-  }} />
-
-<main class="flex-auto min-w-0 lg:static lg:max-h-full lg:overflow-visible divide-y dark:divide-gray-700">
-  <Hero />
-  <Featured />
-  <Components {data} />
-  <CTA />
-  <SocialProof />
-  <DesignFigma />
-  <Contributors {data} />
-  <GetStarted />
-  <Footer />
-  
-</main>
-

package/src/routes/api/posts/+server.js

@@ -1,7 +0,0 @@
-import { fetchMarkdownPosts } from '../../utils';
-import { json } from '@sveltejs/kit';
-
-export const GET = async () => {
-  const allPosts = await fetchMarkdownPosts();
-  return json(allPosts);
-};

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

@@ -1,10 +0,0 @@
-{
-  "name": "A",
-  "slots": [],
-  "events": ["on:click"],
-  "props": [
-    ["href", "string", "'#'"],
-    ["color", "string", "'text-primary-600 dark:text-primary-500'"],
-    ["aClass", "string", "'inline-flex items-center hover:underline'"]
-  ]
-}

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

@@ -1,12 +0,0 @@
-{
-  "name": "Accordion",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["multiple", "boolean", "false"],
-    ["flush", "boolean", "false"],
-    ["activeClass", "string", "'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800'"],
-    ["inactiveClass", "string", "'text-gray-500 dark:text-gray-400 hover:bg-gray-100 hover:dark:bg-gray-800'"],
-    ["defaultClass", "string", "'text-gray-500 dark:text-gray-400'"]
-  ]
-}

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

@@ -1,23 +0,0 @@
-{
-  "name": "AccordionItem",
-  "slots": ["header", "arrowup", "arrowdown"],
-  "events": [],
-  "props": [
-    ["open", "boolean", "false"],
-    ["activeClass", "string | undefined", "undefined"],
-    ["inactiveClass", "string | undefined", "undefined"],
-    ["defaultClass", "string", "'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl border-gray-200 dark:border-gray-700'"],
-    ["transitionType", "TransitionTypes", "'slide'"],
-    ["transitionParams", "TransitionParamTypes", "{}"],
-    ["paddingFlush", "string", "'py-5'"],
-    ["paddingDefault", "string", "'p-5'"],
-    ["textFlushOpen", "string", "'text-gray-900 dark:text-white'"],
-    ["textFlushDefault", "string", "'text-gray-500 dark:text-gray-400'"],
-    ["borderClass", "string", "'border-l border-r group-first:border-t'"],
-    ["borderOpenClass", "string", "'border-l border-r'"],
-    ["borderBottomClass", "string", "'border-b'"],
-    ["borderSharedClass", "string", "'border-gray-200 dark:border-gray-700'"],
-    ["classActive", "string | undefined", "undefined"],
-    ["classInactive", "string | undefined", "undefined"]
-  ]
-}

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

@@ -1 +0,0 @@
-{ "name": "Activity", "slots": [], "events": [], "props": [["olClass", "string", "'relative border-l border-gray-200 dark:border-gray-700'"]] }

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

@@ -1,16 +0,0 @@
-{
-  "name": "ActivityItem",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["activities", "ActivityType[]", ""],
-    ["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'"],
-    ["imgClass", "string", "'rounded-full shadow-lg'"],
-    ["outerDivClass", "string", "'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerDivClass", "string", "'justify-between items-center mb-3 sm:flex'"],
-    ["timeClass", "string", "'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0'"],
-    ["titleClass", "string", "'text-sm font-normal text-gray-500 lex dark:text-gray-300'"],
-    ["textClass", "string", "'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300'"]
-  ]
-}

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

@@ -1,13 +0,0 @@
-{
-  "name": "AdvancedRating",
-  "slots": ["rating", "globalText"],
-  "events": [],
-  "props": [
-    ["divClass", "string", "'flex items-center mt-4'"],
-    ["labelClass", "string", "'text-sm font-medium text-gray-600 dark:text-gray-500'"],
-    ["ratingDivClass", "string", "'mx-4 w-2/4 h-5 bg-gray-200 rounded dark:bg-gray-700'"],
-    ["ratingClass", "string", "'h-5 bg-yellow-400 rounded'"],
-    ["rightLabelClass", "string", "'text-sm font-medium text-gray-600 dark:text-gray-500'"],
-    ["unit", "string", "'%'"]
-  ]
-}

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

@@ -1,9 +0,0 @@
-{
-  "name": "Alert",
-  "slots": ["icon", "close-button"],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["dismissable", "boolean", "false"],
-    ["defaultClass", "string", "'p-4 gap-3 text-sm'"]
-  ]
-}

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

@@ -1,12 +0,0 @@
-{
-  "name": "Android",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["androidTop", "string", ""],
-    ["androidLeftTop", "string", ""],
-    ["androidLeftMid", "string", ""],
-    ["androidLeftBot", "string", ""],
-    ["androidRight", "string", "@prop export let androidTop: string"]
-  ]
-}

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

@@ -1 +0,0 @@
-{ "name": "ArrowKeyDown", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }

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

@@ -1 +0,0 @@
-{ "name": "ArrowKeyLeft", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }

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

@@ -1 +0,0 @@
-{ "name": "ArrowKeyRight", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }

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

@@ -1 +0,0 @@
-{ "name": "ArrowKeyUp", "slots": [], "events": [], "props": [["svgClass", "string", "'w-4 h-4'"]] }

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

@@ -1,15 +0,0 @@
-{
-  "name": "Avatar",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["src", "string", "''"],
-    ["href", "string | undefined", "undefined"],
-    ["rounded", "boolean", "false"],
-    ["border", "boolean", "false"],
-    ["stacked", "boolean", "false"],
-    ["dot", "object | undefined", "undefined"],
-    ["alt", "string", "''"],
-    ["size", "'xs' | 'sm' | 'md' | 'lg' | 'xl'", "'md'"]
-  ]
-}

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

@@ -1,10 +0,0 @@
-{
-  "name": "Badge",
-  "slots": ["close-button"],
-  "events": [],
-  "props": [
-    ["color", "'primary' | 'blue' | 'dark' | 'red' | 'green' | 'yellow' | 'indigo' | 'purple' | 'pink' | 'none'", "'primary'"],
-    ["large", "boolean", "false"],
-    ["dismissable", "boolean", "false"]
-  ]
-}

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

@@ -1,12 +0,0 @@
-{
-  "name": "Banner",
-  "slots": ["header"],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["position", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'sticky'"],
-    ["dismissable", "boolean", "true"],
-    ["bannerType", "'default' | 'bottom' | 'cta' | 'signup' | 'info'", "'default'"],
-    ["divClass", "string", "'z-10 flex justify-between p-4 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass", "string", "'flex'"]
-  ]
-}

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

@@ -1,15 +0,0 @@
-{
-  "name": "Blockquote",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["border", "boolean", "false"],
-    ["italic", "boolean", "true"],
-    ["borderClass", "string", "'border-l-4 border-gray-300 dark:border-gray-500'"],
-    ["bgClass", "string", "'bg-gray-50 dark:bg-gray-800'"],
-    ["bg", "boolean", "false"],
-    ["baseClass", "string", "'font-semibold text-gray-900 dark:text-white'"],
-    ["alignment", "'left' | 'center' | 'right'", "'left'"],
-    ["size", "BlockQuoteType", "'lg'"]
-  ]
-}

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

@@ -1,13 +0,0 @@
-{
-  "name": "BottomNav",
-  "slots": ["header"],
-  "events": [],
-  "props": [
-    ["activeUrl", "string", "''"],
-    ["position", "'static' | 'fixed' | 'absolute' | 'relative' | 'sticky'", "'fixed'"],
-    ["navType", "'default' | 'border' | 'application' | 'pagination' | 'group' | 'card' | 'meeting' | 'video'", "'default'"],
-    ["outerClass", "string", "'w-full z-50 border-gray-200 dark:bg-gray-700 dark:border-gray-600'"],
-    ["innerClass", "string", "'grid h-full max-w-lg mx-auto'"],
-    ["activeClass", "string", "'text-primary-700 dark:text-primary-700 hover:text-primary-900 dark:hover:text-primary-900'"]
-  ]
-}

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

@@ -1,9 +0,0 @@
-{
-  "name": "BottomNavHeader",
-  "slots": [],
-  "events": [],
-  "props": [
-    ["outerClass", "string", "'w-full'"],
-    ["innerClass", "string", "'grid max-w-xs grid-cols-3 gap-1 p-1 mx-auto my-2 bg-gray-100 rounded-lg dark:bg-gray-600'"]
-  ]
-}

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

@@ -1,11 +0,0 @@
-{
-  "name": "BottomNavHeaderItem",
-  "slots": [],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["itemName", "string", "''"],
-    ["active", "boolean", "false"],
-    ["defaultClass", "string", "'px-5 py-1.5 text-xs font-medium text-gray-900 hover:bg-gray-200 dark:text-white dark:hover:bg-gray-700 rounded-lg'"],
-    ["activeClass", "string", "'px-5 py-1.5 text-xs font-medium text-white bg-gray-900 dark:bg-gray-300 dark:text-gray-900 rounded-lg'"]
-  ]
-}

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

@@ -1,12 +0,0 @@
-{
-  "name": "BottomNavItem",
-  "slots": [],
-  "events": ["on:click", "on:change", "on:keydown", "on:keyup", "on:focus", "on:blur", "on:mouseenter", "on:mouseleave"],
-  "props": [
-    ["btnName", "string", "''"],
-    ["appBtnPosition", "'left' | 'middle' | 'right'", "'middle'"],
-    ["activeClass", "string | undefined", "undefined"],
-    ["href", "string", "''"],
-    ["exact", "boolean", "true"]
-  ]
-}