flowbite-svelte 0.27.15 → 0.27.16

package/src/lib/utils/backdrop.ts

@@ -1,109 +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;
-// const placement:
-// 		| 'top-left'
-// 		| 'top-center'
-// 		| 'top-right'
-// 		| 'center-left'
-// 		| 'center'
-// 		| 'center-right'
-// 		| 'bottom-left'
-// 		| 'bottom-center'
-// 		| 'bottom-right'='center';
-
-export const init = (node, _open) => {
-  getPlacementClasses().map((c) => node.classList.add(c));
-  _open && createBackdrop(node);
-  console.log('init clicked')
-
-  return {
-    update(_open) {
-      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) => {
-  if (!backdropEl) {
-    backdropEl = document.createElement('div');
-    backdropEl.classList.add(...backdropClasses.split(' '));
-
-    const body = document.querySelector('body');
-    body.append(backdropEl);
-    body.style.overflow = 'hidden';
-
-    document.addEventListener('keydown', handleEscape, true);
-  }
-
-  dispatch('show', node);
-};
-
-const destroyBackdrop = (node) => {
-  const body = document.querySelector('body');
-  body.style.overflow = 'auto';
-
-  if (backdropEl) backdropEl.remove();
-  backdropEl = undefined;
-
-  document.removeEventListener('keydown', handleEscape, true);
-
-  dispatch('hide', node);
-};
-
-let backdropEl: HTMLElement;
-
-const handleEscape = (e) => {
-  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/video/Video.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import classNames from 'classnames';
-  // export let width;
-  // export let controls: boolean = true;
-  // export let autoplay: boolean = false;
-  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';
-  // export let attribute = '';
-
-  let videoClass = classNames($$props.class);
-  // const setAttribute = (node, params) => {
-  //   node.setAttribute(params, '');
-  // };
-</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>

package/src/routes/+error.svelte

@@ -1,16 +0,0 @@
-<script context="module">
-  /** @type {import('@sveltejs/kit').ErrorLoad} */
-  export function load({ error, status }) {
-    return {
-      props: {
-        title: `${status}: ${error.message}`
-      }
-    };
-  }
-</script>
-
-<script>
-  export let title;
-</script>
-
-<h1 class="text-3xl w-full mb-8 text-gray-900 dark:text-white pt-24">{title}</h1>

package/src/routes/+layout.js

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

package/src/routes/+layout.svelte

@@ -1,259 +0,0 @@
-<script lang="ts">
-  import { page } from '$app/stores';
-  import { experimental } from './moduleItems/+server.js';
-  import Toc from './Toc/+page.svelte';
-  import '../app.css';
-  import {
-    DarkMode,
-    Footer,
-    FooterBrand,
-    FooterCopyright,
-    FooterIcon,
-    FooterLink,
-    FooterLinkGroup,
-    Sidebar,
-    SidebarGroup,
-    SidebarItem,
-    SidebarWrapper,
-    SidebarDropdownWrapper,
-    Navbar,
-    NavBrand,
-    NavLi,
-    NavUl,
-    NavHamburger,
-    Drawer,
-    CloseButton
-  } from '$lib';
-  import { sineIn } from 'svelte/easing';
-  let transitionParams = {
-    x: -320,
-    duration: 200,
-    easing: sineIn
-  };
-
-  import type { PageData } from './$types';
-  import { onMount } from 'svelte';
-  export let data: PageData;
-  let breakPoint: number = 1024;
-  let width: number;
-  let backdrop: boolean = false;
-  let activateClickOutside = true;
-  let drawerHidden: boolean = false;
-  $: if (width >= breakPoint) {
-    drawerHidden = false;
-    activateClickOutside = false;
-  } else {
-    drawerHidden = true;
-    activateClickOutside = true;
-  }
-  onMount(() => {
-    if (width >= breakPoint) {
-      drawerHidden = false;
-      activateClickOutside = false;
-    } else {
-      drawerHidden = true;
-      activateClickOutside = true;
-    }
-  });
-  const toggleSide = () => {
-    if (width < breakPoint) {
-      drawerHidden = !drawerHidden;
-    }
-  };
-  const toggleDrawer = () => {
-    drawerHidden = false;
-  };
-  $: activeUrl = $page.url.pathname;
-  $: containPath = () => {
-    // add your logic here
-    false;
-  };
-
-  let logo = '/images/flowbite-svelte-icon-logo.svg';
-  let spanClass = 'pl-2 self-center text-md text-gray-900 whitespace-nowrap dark:text-white';
-  let darkmodebtn =
-    'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-lg p-2.5 fixed right-2 top-12  md:top-3 md:right-2 z-50';
-  let divClass = 'w-full md:block md:w-auto pr-8';
-  let ulClass = 'flex flex-col p-4 mt-4 md:flex-row md:space-x-8 md:mt-0 md:text-lg md:font-medium';
-</script>
-
-<svelte:window bind:innerWidth={width} />
-
-<div class="mx-auto">
-  <Navbar navClass="px-2 py-0.5 fixed w-full mx-auto z-20 top-0 left-0 border-b" let:hidden let:toggle>
-    <NavHamburger on:click={toggleDrawer} btnClass="ml-3 lg:hidden" />
-    <NavBrand href="/">
-      <img src="/images/flowbite-svelte-icon-logo.svg" class="mr-3 h-6 sm:h-9" alt="Flowbite-Svelte Logo" />
-      <span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white">
-        Flowbite-Svelte
-      </span>
-    </NavBrand>
-    <NavHamburger on:click={toggle} />
-    <NavUl {hidden} {divClass} {ulClass}>
-      <NavLi href="/">Home</NavLi>
-      <NavLi href="/pages/about">About</NavLi>
-      <NavLi href="https://github.com/themesberg/flowbite-svelte">GitHub</NavLi>
-    </NavUl>
-  </Navbar>
-  <Drawer
-    transitionType="fly"
-    {backdrop}
-    {transitionParams}
-    bind:hidden={drawerHidden}
-    bind:activateClickOutside
-    leftOffset="lg:top-16 h-screen lg:left-0"
-    id="sidebar"
-    width="w-64"
-    class="overflow-scroll pb-32">
-    <div class="flex items-center">
-      <CloseButton on:click={() => (drawerHidden = true)} class="mb-4 dark:text-white lg:hidden" />
-    </div>
-    <Sidebar asideClass="w-54">
-      <SidebarWrapper>
-        <SidebarGroup>
-          {#each data.pages as { meta, path }}
-            <SidebarItem
-              label={meta.title}
-              href={`/pages${path}`}
-              {spanClass}
-              on:click={toggleSide}
-              active={activeUrl === `/pages${path}`} />
-          {/each}
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="COMPONENTS" isOpen={activeUrl.includes('components')}>
-            {#each data.components as { meta, path }}
-              <SidebarItem
-                label={meta.breadcrumb_title}
-                href={`/components${path}`}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `/components${path}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="FORMS" isOpen={activeUrl.includes('forms')}>
-            {#each data.forms as { meta, path }}
-              <SidebarItem
-                label={meta.breadcrumb_title}
-                href={`/forms${path}`}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `/forms${path}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="TYPOGRAPHY" isOpen={activeUrl.includes('typography')}>
-            {#each data.typography as { meta, path }}
-              <SidebarItem
-                label={meta.breadcrumb_title}
-                href={`/typography${path}`}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `/typography${path}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="EXTEND" isOpen={activeUrl.includes('extend')}>
-            {#each data.extend as { meta, path }}
-              <SidebarItem
-                label={meta.breadcrumb_title}
-                href={`/extend${path}`}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `/extend${path}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="UTILS" isOpen={activeUrl.includes('utilities')}>
-            {#each data.utils as { meta, path }}
-              <SidebarItem
-                label={meta.breadcrumb_title}
-                href={`/utilities${path}`}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `/utilities${path}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-        <SidebarGroup class="pt-4">
-          <SidebarDropdownWrapper label="EXPERIMENTAL" isOpen={activeUrl.includes('datepicker')}>
-            {#each experimental as { href, name, rel }}
-              <SidebarItem
-                label={name}
-                {href}
-                {spanClass}
-                on:click={toggleSide}
-                active={activeUrl === `${href}`} />
-            {/each}
-          </SidebarDropdownWrapper>
-        </SidebarGroup>
-      </SidebarWrapper>
-    </Sidebar>
-  </Drawer>
-  <DarkMode btnClass={darkmodebtn} />
-
-  <div class="flex px-4 mx-auto w-full">
-    <main class="lg:ml-72 w-full mx-auto">
-      <slot />
-    </main>
-    <Toc />
-  </div>
-  <div class="mx-auto mb-4 pt-4 lg:pl-64">
-    <Footer footerType="custom" customClass="py-6 px-16 bg-white dark:bg-gray-900">
-      <div class="md:flex md:justify-between">
-        <div class="mb-6 md:mb-0">
-          <FooterBrand
-            href="https://flowbite-svelte.com"
-            src={logo}
-            alt="Flowbite-Svelte Logo"
-            name="Flowbite-Svelte" />
-        </div>
-        <div class="grid grid-cols-2 gap-8 sm:gap-6 sm:grid-cols-3">
-          <div>
-            <h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Resources</h2>
-            <FooterLinkGroup>
-              <FooterLink liClass="mb-4" href="https://flowbite.com/">Flowbite</FooterLink>
-              <FooterLink liClass="mb-4" href="https://tailwindcss.com/">Tailwind CSS</FooterLink>
-            </FooterLinkGroup>
-          </div>
-          <div>
-            <h2 class="mb-6 text-sm font-semibold uppercase text-gray-900 dark:text-white">Follow us</h2>
-            <FooterLinkGroup>
-              <FooterLink liClass="mb-4" href="https://github.com/themesberg/flowbite-svelte"
-                >GitHub</FooterLink>
-              <FooterLink liClass="mb-4" href="https://discord.gg/4eeurUVvTy">Discord</FooterLink>
-            </FooterLinkGroup>
-          </div>
-          <div>
-            <h2 class="mb-6 text-sm font-semibold uppercase text-gray-900 dark:text-white">Legal</h2>
-            <FooterLinkGroup>
-              <FooterLink
-                liClass="mb-4"
-                href="https://github.com/themesberg/flowbite-svelte/blob/main/LICENSE">License</FooterLink>
-            </FooterLinkGroup>
-          </div>
-        </div>
-      </div>
-      <hr class="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
-      <div class="sm:flex sm:items-center sm:justify-between">
-        <FooterCopyright href="/" by="Flowbite™" />
-        <div class="flex mt-4 space-x-6 sm:justify-center sm:mt-0">
-          <FooterIcon
-            href="https://github.com/themesberg/flowbite-svelte"
-            class="text-gray-400 hover:text-gray-900">
-            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"
-              ><path
-                fill-rule="evenodd"
-                d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
-                clip-rule="evenodd" /></svg>
-          </FooterIcon>
-        </div>
-      </div>
-    </Footer>
-  </div>
-</div>

package/src/routes/+page.svelte

@@ -1,126 +0,0 @@
-<script>
-  import { Button } from '$lib';
-  import { goto } from '$app/navigation';
-  import * as Block from './blocks/+server';
-  import { MetaTag } from './utils';
-
-  const handleClick = () => {
-    goto('/pages/getting-started');
-  };
-  let title = 'Flowbite-Svelte';
-  let description =
-    'Flowbite-Svelte is a Tailwind and Flowbite powered UI components for Svelte and SvelteKit.';
-  let default_title = 'Svelte UI Components';
-</script>
-
-<MetaTag
-  {title}
-  {description}
-  facebook={{
-    appId: '453670756870545'
-  }}
-  openGraph={{
-    type: 'website',
-    url: `https://flowbite-svelte.com/`,
-    title: `${title}`,
-    description: `${description}`,
-    images: [
-      {
-        url: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${default_title}`,
-        width: 1200,
-        height: 630,
-        alt: `${title}`
-      }
-    ],
-    site_name: 'Flowbite-Svelte'
-  }}
-  twitter={{
-    handle: '@shinokada',
-    cardType: 'summary_large_image',
-    title: `${title}`,
-    description: `${description}`,
-    image: `https://open-graph-vercel.vercel.app/api/flowbite-svelte?title=${default_title}`,
-    imageAlt: `${title} logo`
-  }} />
-
-<div class="relative bg-white overflow-hidden mt-24 lg:mb-8 mx-auto dark:bg-gray-900 2xl:px-8">
-  <div class="max-w-full mx-auto ">
-    <div class="relative z-10 xl:pb-8 bg-transparent lg:max-w-2xl lg:w-full">
-      <div class="my-auto mx-auto max-w-7xl xl:pl-8 xl:pt-8">
-        <div class="sm:text-center lg:text-left">
-          <h1 class="max-w-md text-4xl tracking-tight font-extrabold text-gray-900  dark:text-white">
-            <span class="block xl:inline">Flowbite Svelte</span>
-            <span class="block text-indigo-600 dark:text-white xl:inline">UI Component</span>
-          </h1>
-          <p
-            class="mt-3 text-base text-gray-500 sm:mt-5 sm:text-lg lg:max-w-sm sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0 dark:text-white">
-            Speed up your web development with Flowbite Svelte. Flowbite Svelte is an official Flowbite
-            component library for Svelte. All interactivities are handled by Svelte.
-          </p>
-          <div class="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
-            <div class="mt-3 sm:mt-0 sm:ml-3">
-              <Button size="lg" on:click={handleClick}>Getting started</Button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div class="px-16 py-4 lg:p-0 lg:pr-4 lg:absolute lg:inset-y-0 lg:right-0 lg:w-5/12 lg:pt-8 ">
-    <img class="" src="/images/office1.webp" alt="Header" />
-  </div>
-</div>
-
-<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 xl:grid-cols-3">
-  <Block.AccordionBlock />
-  <Block.AlertBlock />
-  <Block.AvatarBlock />
-  <Block.BadgeBlock />
-  <Block.BreadcrumbBlock />
-  <Block.BlockquoteBlock />
-  <Block.ButtonBlock />
-  <Block.ButtongroupBlock />
-  <Block.CardBlock />
-  <Block.CarouselBlock />
-  <Block.CheckboxBlock />
-  <Block.DatepickerBlock />
-  <Block.DrawerBlock />
-  <Block.DropdownBlock />
-  <Block.FileinputBlock />
-  <Block.FloatingLabelBlock />
-  <Block.FooterBlock />
-  <Block.FormBlock rel="external" />
-  <Block.HeadingBlock />
-  <Block.HrBlock />
-  <Block.ImageBlock />
-  <Block.InputfieldBlock />
-  <Block.KbdBlock />
-  <Block.LinkBlock />
-  <Block.ListBlock />
-  <Block.ListgroupBlock />
-  <Block.MegamenuBlock />
-  <Block.ModalBlock />
-  <Block.NavbarBlock />
-  <Block.PaginationBlock />
-  <Block.ParagraphBlock />
-  <Block.PopoverBlock />
-  <Block.ProgressbarBlock />
-  <Block.RadioBlock />
-  <Block.RangeBlock />
-  <Block.RatingBlock />
-  <Block.SearchinputBlock />
-  <Block.SelectBlock />
-  <Block.SidebarBlock />
-  <Block.SkeletonBlock />
-  <Block.SpinnerBlock />
-  <Block.TabBlock />
-  <Block.TableBlock />
-  <Block.TextareaBlock />
-  <Block.TextBlock />
-  <Block.TimelineBlock />
-  <Block.ToastBlock />
-  <Block.ToggleBlock />
-  <Block.TooltipBlock />
-  <Block.TypographyBlock />
-  <Block.VideoBlock />
-</div>

package/src/routes/Toc/+page.svelte

@@ -1,41 +0,0 @@
-<script lang="ts">
-  import type { LinkType } from '$lib/types';
-  /*  Inspired by 'svelte-toc'
-        Simplified version of Table of Contents.
-    */
-  import { onMount } from 'svelte';
-
-  export let headingSelector = `main :where(h2.htwo)`;
-  let headings: LinkType[] = [];
-
-  onMount(() => {
-    const observer: MutationObserver = new MutationObserver(toc);
-    observer.observe(document.body, { childList: true, subtree: true });
-    return () => observer.disconnect();
-  });
-
-  function toc() {
-    if (typeof document === `undefined`) return; // for SSR
-    headings = [...document.querySelectorAll<HTMLElement>(headingSelector)].map((x: HTMLElement) => {
-      return { href: '#' + x.id, name: x.innerText };
-    });
-  }
-</script>
-
-{#if headings.length}
-  <div class="hidden flex-none w-56 xl:text-sm xl:block text-gray-500 dark:text-gray-400">
-    <div class="flex flex-col justify-between overflow-y-auto max-h-screen pt-2 pb-16 px-8 top-20 sticky">
-      <h5
-        class="mb-3 text-sm font-semibold tracking-wide text-gray-900 uppercase dark:text-white lg:text-xs">
-        On this page
-      </h5>
-      <nav id="TableOfContents" class="mb-8">
-        <ul>
-          {#each headings as { href, name }}
-            <li><a {href} class="block py-1">{name}</a></li>
-          {/each}
-        </ul>
-      </nav>
-    </div>
-  </div>
-{/if}

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/blocks/+server.ts

@@ -1,51 +0,0 @@
-export { default as AccordionBlock } from './AccordionBlock/+page.svelte'
-export { default as AlertBlock } from './AlertBlock/+page.svelte'
-export { default as AvatarBlock } from './AvatarBlock/+page.svelte'
-export { default as BadgeBlock } from './BadgeBlock/+page.svelte'
-export { default as BlockquoteBlock } from './BlockquoteBlock/+page.svelte'
-export { default as BreadcrumbBlock } from './BreadcrumbBlock/+page.svelte'
-export { default as ButtonBlock } from './ButtonBlock/+page.svelte'
-export { default as ButtongroupBlock } from './ButtongroupBlock/+page.svelte'
-export { default as CardBlock } from './CardBlock/+page.svelte'
-export { default as CarouselBlock } from './CarouselBlock/+page.svelte'
-export { default as CheckboxBlock } from './CheckboxBlock/+page.svelte'
-export { default as DatepickerBlock } from './DatepickerBlock/+page.svelte'
-export { default as DrawerBlock } from './DrawerBlock/+page.svelte'
-export { default as DropdownBlock } from './DropdownBlock/+page.svelte'
-export { default as FileinputBlock } from './FileinputBlock/+page.svelte'
-export { default as FloatingLabelBlock } from './FloatingLabelBlock/+page.svelte'
-export { default as FooterBlock } from './FooterBlock/+page.svelte'
-export { default as FormBlock } from './FormBlock/+page.svelte'
-export { default as HeadingBlock } from './HeadingBlock/+page.svelte'
-export { default as HrBlock } from './HrBlock/+page.svelte'
-export { default as ImageBlock } from './ImageBlock/+page.svelte'
-export { default as InputfieldBlock } from './InputfieldBlock/+page.svelte'
-export { default as KbdBlock } from './KbdBlock/+page.svelte'
-export { default as LinkBlock } from './LinkBlock/+page.svelte'
-export { default as ListBlock } from './ListBlock/+page.svelte'
-export { default as ListgroupBlock } from './ListgroupBlock/+page.svelte'
-export { default as MegamenuBlock } from './MegamenuBlock/+page.svelte'
-export { default as ModalBlock } from './ModalBlock/+page.svelte'
-export { default as NavbarBlock } from './NavbarBlock/+page.svelte'
-export { default as PaginationBlock } from './PaginationBlock/+page.svelte'
-export { default as ParagraphBlock } from './ParagraphBlock/+page.svelte'
-export { default as PopoverBlock } from './PopoverBlock/+page.svelte'
-export { default as ProgressbarBlock } from './ProgressbarBlock/+page.svelte'
-export { default as RadioBlock } from './RadioBlock/+page.svelte'
-export { default as RangeBlock } from './RangeBlock/+page.svelte'
-export { default as RatingBlock } from './RatingBlock/+page.svelte'
-export { default as SearchinputBlock } from './SearchinputBlock/+page.svelte'
-export { default as SelectBlock } from './SelectBlock/+page.svelte'
-export { default as SidebarBlock } from './SidebarBlock/+page.svelte'
-export { default as SkeletonBlock } from './SkeletonBlock/+page.svelte'
-export { default as SpinnerBlock } from './SpinnerBlock/+page.svelte'
-export { default as TabBlock } from './TabBlock/+page.svelte'
-export { default as TableBlock } from './TableBlock/+page.svelte'
-export { default as TextareaBlock } from './TextareaBlock/+page.svelte'
-export { default as TextBlock } from './TextBlock/+page.svelte'
-export { default as TimelineBlock } from './TimelineBlock/+page.svelte'
-export { default as ToastBlock } from './ToastBlock/+page.svelte'
-export { default as ToggleBlock } from './ToggleBlock/+page.svelte'
-export { default as TooltipBlock } from './TooltipBlock/+page.svelte'
-export { default as TypographyBlock } from './TypographyBlock/+page.svelte'
-export { default as VideoBlock } from './VideoBlock/+page.svelte'