flowbite-svelte 0.27.13 → 0.27.15

package/src/routes/layouts/typographyLayout/+page.svelte

@@ -0,0 +1,100 @@
+<script>
+  import Htwo from '../../utils/Htwo.svelte';
+  import 'prism-themes/themes/prism-holi-theme.css';
+</script>
+
+<div class="max-w-3xl 2xl:max-w-4xl mx-auto mt-8">
+  <div class="container flex flex-wrap mx-auto">
+    <slot />
+
+    <Htwo label="Related components" />
+    <div class="related-components">
+      <p>
+        <a href="/typography/heading" class="link">Heading</a>
+      </p>
+      <p>
+        <a href="/typography/blockquote" class="link">Blockquote</a>
+      </p>
+      <p>
+        <a href="/typography/image" class="link">Image</a>
+      </p>
+      <p>
+        <a href="/typography/link" class="link">Link</a>
+      </p>
+      <p>
+        <a href="/typography/list" class="link">List</a>
+      </p>
+      <p>
+        <a href="/typography/paragraph" class="link">Paragraph</a>
+      </p>
+      <p>
+        <a href="/typography/text" class="link">Text</a>
+      </p>
+      <p>
+        <a href="/typography/hr" class="link">HR</a>
+      </p>
+    </div>
+
+    <Htwo label="Flowbite References" />
+    <div class="references">
+      <p>
+        <a
+          href="https://flowbite.com/docs/components/typography/"
+          target="_blank"
+          rel="noreferrer"
+          class="link">Typography</a>
+      </p>
+      <p>
+        <a
+          href="https://flowbite.com/docs/typography/headings/"
+          target="_blank"
+          rel="noreferrer"
+          class="link">Headings</a>
+      </p>
+      <p>
+        <a
+          href="https://flowbite.com/docs/typography/paragraphs/"
+          target="_blank"
+          rel="noreferrer"
+          class="link">Paragraphs</a>
+      </p>
+      <p>
+        <a
+          href="https://flowbite.com/docs/typography/blockquote/"
+          target="_blank"
+          rel="noreferrer"
+          class="link">Blockquote</a>
+      </p>
+      <p>
+        <a href="https://flowbite.com/docs/typography/images/" target="_blank" rel="noreferrer" class="link"
+          >Images</a>
+      </p>
+      <p>
+        <a href="https://flowbite.com/docs/typography/lists/" target="_blank" rel="noreferrer" class="link"
+          >Lists</a>
+      </p>
+      <p>
+        <a href="https://flowbite.com/docs/typography/links/" target="_blank" rel="noreferrer" class="link"
+          >Links</a>
+      </p>
+      <p>
+        <a href="https://flowbite.com/docs/typography/text/" target="_blank" rel="noreferrer" class="link"
+          >Text</a>
+      </p>
+      <p>
+        <a href="https://flowbite.com/docs/typography/hr/" target="_blank" rel="noreferrer" class="link"
+          >HR</a>
+      </p>
+    </div>
+  </div>
+</div>
+
+<style>
+  .link {
+    color: #f83c00;
+  }
+  .link:hover {
+    color: #fc7146;
+    text-decoration: underline;
+  }
+</style>

package/src/routes/layouts/utilitiesLayout/+page.svelte

@@ -0,0 +1,33 @@
+<script>
+  import Htwo from '../../utils/Htwo.svelte';
+  import 'prism-themes/themes/prism-holi-theme.css';
+</script>
+
+<div class="max-w-3xl 2xl:max-w-4xl mx-auto mt-8">
+  <div class="container flex flex-wrap mx-auto">
+    <slot />
+
+    <Htwo label="Related components" />
+    <div class="related-components">
+      <p>
+        <a href="/utilities/close-button" class="link">CloseButton</a>
+      </p>
+      <p>
+        <a href="/utilities/label" class="link">Label</a>
+      </p>
+      <p>
+        <a href="/utilities/toolbar" class="link">Toolbar</a>
+      </p>
+    </div>
+  </div>
+</div>
+
+<style>
+  .link {
+    color: #f83c00;
+  }
+  .link:hover {
+    color: #fc7146;
+    text-decoration: underline;
+  }
+</style>

package/src/routes/moduleItems/+server.js

@@ -0,0 +1,13 @@
+export const experimental = [
+	{ href: '/datepicker', rel: 'external', name: 'Datepicker' }
+]
+
+export const topMenus = [
+	{ id: '1', href: '/', name: 'Home' },
+	{ id: '2', href: '/pages/about', name: 'About' },
+	{
+		id: '3',
+		href: 'https://github.com/themesberg/flowbite-svelte',
+		name: 'GitHub'
+	}
+];

package/src/routes/pages/[slug]/+page.js

@@ -0,0 +1,12 @@
+// src/routes/components/[slug]/+page.js
+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/pages/[slug]/+page.svelte

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

package/src/routes/pages/about.md

@@ -0,0 +1,36 @@
+---
+layout: pageLayout
+breadcrumb_title: About
+title: About Flowbite-Svelte
+dir: Pages
+description: Flowbite-Svelte About page
+---
+
+<MetaTag {breadcrumb_title} {title} {dir} {description}/>
+
+<script>
+  import { Htwo, MetaTag } from '../utils'
+  import { Breadcrumb, BreadcrumbItem, Heading, A } from '$lib'
+</script>
+
+<Breadcrumb class="pt-16 py-8">
+  <BreadcrumbItem href="/" home >Home</BreadcrumbItem>
+  <BreadcrumbItem>{dir}</BreadcrumbItem>
+  <BreadcrumbItem>{breadcrumb_title}</BreadcrumbItem>
+</Breadcrumb>
+
+<Heading class="mb-2" tag="h1" customSize="text-3xl">{title}</Heading>
+
+<Htwo label="Svelte" />
+
+<p class="dark:text-white w-full text-lg py-2">
+  Svelte is a modern and growing front-end compiler. Developers build boilerplate-free components using languages HTML, CSS and JavaScript. Svelte compiles your code to tiny, framework-less vanilla JS.</p>
+
+<Htwo label="Flowbite Svelte" />
+
+<p class="dark:text-white w-full text-lg py-2"><a class="text-blue-700" href="/">Flowbite-Svelte</a> is an official Flowbite component library for Svelte. All interactivities are handled by Svelte.
+</p>
+
+
+<p class="dark:text-white w-full text-lg py-2">This website uses Flowbite-Svelte components except the <A class="text-blue-700" href="https://github.com/shinokada/svelte-sidebar" target="_blank" rel="noreferrer">sidebar menu</A>.</p>
+

package/src/routes/pages/getting-started.md

@@ -0,0 +1,119 @@
+---
+layout: pageLayout
+breadcrumb_title: Getting Started
+title: Getting Started
+dir: Pages
+description: Flowbite-Svelte Getting Started page
+---
+<MetaTag {breadcrumb_title} {title} {dir} {description}/>
+
+<script>
+  import { Htwo, ExampleDiv , MetaTag } from '../utils'
+  import { A, P, List, Li, Breadcrumb, BreadcrumbItem, Alert, Heading } from '$lib'
+</script>
+
+<Breadcrumb class="pt-16 py-8">
+  <BreadcrumbItem href="/" home >Home</BreadcrumbItem>
+  <BreadcrumbItem>{dir}</BreadcrumbItem>
+  <BreadcrumbItem>{breadcrumb_title}</BreadcrumbItem>
+</Breadcrumb>
+
+<Heading class="mb-2" tag="h1" customSize="text-3xl">{title}</Heading>
+
+<P class='mb-8'>You can install Flowbite-Svelte by using the <A href='/extend/flowbite-svelte-starter'>Flowbite-Svelte-Start</A> or from scratch.</P>
+
+<Htwo label="Installing from scratch" />
+
+<h3 class='text-xl w-full dark:text-white py-4'>SvelteKit</h3>
+
+<p>You can install SvelteKit or Svelte to start your app. For SvelteKit:</p>
+
+```bash
+npm create svelte@latest my-app
+cd my-app
+npm install
+```
+
+<h3 class='text-xl w-full dark:text-white py-4'>Svelte</h3>
+
+<p>If you want to get started with Svelte:</p>
+
+```bash
+npm create vite@latest myapp -- --template svelte
+cd myapp
+npm install
+```
+
+<Htwo label="Install Tailwind CSS"/>
+
+```bash
+npx svelte-add@latest tailwindcss
+npm i
+```
+
+<p>Run it:</p>
+
+```bash
+npm run dev
+```
+
+<Htwo label="Install dependencies" />
+
+```sh
+npm i -D flowbite flowbite-svelte classnames @popperjs/core
+```
+
+<Htwo label="Update tailwind.config.cjs"/>
+
+```js
+const config = {
+  content: [
+    "./src/**/*.{html,js,svelte,ts}",
+    "./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}",
+  ],
+
+  theme: {
+    extend: {},
+  },
+
+  plugins: [
+    require('flowbite/plugin')
+  ],
+  darkMode: 'class',
+};
+
+module.exports = config;
+```
+
+<p>Now you are ready to go! Add the following to `src/routes/+page.svelte`.</p>
+
+```html
+<script>
+	import { Alert } from 'flowbite-svelte';
+</script>
+
+<div class="p-8">
+	<Alert>
+		<span class="font-medium">Info alert!</span> Change a few things up and try submitting again.
+	</Alert>
+</div>
+```
+
+If you see the following image, then your setting is complete.
+
+<ExampleDiv>
+<div class="p-8">
+	<Alert>
+		<span class="font-medium">Info alert!</span> Change a few things up and try submitting again.
+	</Alert>
+</div>
+</ExampleDiv>
+
+<Htwo label="Starters" />
+
+You can use one of starter repo for a quick start.
+
+<List tag='ul' class='space-y-1 my-4'>
+<Li><A href='https://github.com/shinokada/flowbite-svelte-starter'>Flowbite-SvelteKit starter</A></Li>
+<Li><A href='https://github.com/ZekyTheWolf/LIST-Starter'>Laravel, Inertia, Svelte, Typescript with Flowbite starter</A></Li>
+</List>

package/src/routes/pages/how-to-contribute.md

@@ -0,0 +1,148 @@
+---
+layout: pageLayout
+breadcrumb_title: How to Contribute
+title: How to Contribute
+dir: Pages
+description: Flowbite-Svelte How to contribute page
+---
+
+<MetaTag {breadcrumb_title} {title} {dir} {description}/>
+
+<script>
+  import { Htwo, MetaTag } from '../utils'
+  import { Breadcrumb, BreadcrumbItem, Heading, A } from '$lib'
+</script>
+
+<Breadcrumb class="pt-16 py-8">
+  <BreadcrumbItem href="/" home >Home</BreadcrumbItem>
+  <BreadcrumbItem>{dir}</BreadcrumbItem>
+  <BreadcrumbItem>{breadcrumb_title}</BreadcrumbItem>
+</Breadcrumb>
+
+<Heading class="mb-2" tag="h1" customSize="text-3xl">{title}</Heading>
+
+<p class='w-full'>Here are some guidelines we'd like you to follow before submitting a PR.</p>
+
+<Htwo label="Create a fork" />
+
+<p>Create a fork from <a href="https://github.com/themesberg/flowbite-svelte">Flowbite-Svelte</a> to your repository first.</p>
+
+<Htwo label="Please use pnpm to install a fork" />
+
+<p>The repo uses `pnpm`, so using `pnpm` is desirable when you fork and install dependencies to avoid unseen problems.</p>
+
+<p>When there is a change in package.json, remove pnpm-lock.yml and node_modules directory and run `pnpm i`.</p>
+
+<Htwo label="Tailwind CSS" />
+
+<p class='w-full'><a class="text-blue-700" href="https://tailwindcss.com/docs/content-configuration#dynamic-class-names">Tailwind warns</a> that you don't construct class names dynamically. Instead of this:</p>
+
+```html
+<div class="text-{{ error ? 'red' : 'green' }}-600"></div>
+```
+
+<p class='w-full'>Always use complete class names:</p>
+
+```html
+<div class="{{ error ? 'text-red-600' : 'text-green-600' }}"></div>
+```
+
+<Htwo label="Types and Props" />
+
+<p class='w-full'>Add a type to `export`ed variables. When we generate props files, it will automatically pick up types from your file. If you don't add a type, it will break.</p>
+
+<p class='w-full'>Use `lib/types file for nested objects.</p>
+
+```js
+// these work
+export let icons: AccordionIconType = {
+  up: ChevronUpSolid,
+  down: ChevronDownSolid
+};
+
+export let child: TopMenuType[] | undefined = undefined;
+...
+
+// doesn't work
+export let comment: CommentType = {
+  id: number | string;
+  user: {
+    name: string;
+    joined: string;
+  };
+};
+// put it in lib/types
+export interface CommentType {
+  id: number | string;
+  user: {
+    name: string;
+    joined: string;
+  };
+};
+
+// then 
+export let comment: CommentType;
+```
+
+<p class='w-full'>See more details in the [createprops' README](https://github.com/shinokada/createprops) file.</p>
+
+<p class='w-full'>Please run the following to update prop files.</p>
+
+```sh
+npm run gen:props
+```
+
+<p class='w-full'>This script will update/generate files in `src/routes/props`.</p>
+
+<p class='w-full'>Again avoid type inference for `export`ed variables.</p>
+
+<Htwo label="Conventional commit" />
+
+<p>When making a commit, we recommend using <A class="text-blue-700" href="https://www.conventionalcommits.org/en/v1.0.0/">the Conventional commits</A>.</p>
+
+<p class='w-full'>Some examples are:</p>
+
+```sh
+feat: add rating component
+fix: add if statement to Button component
+chore: clean up About page
+docs: add timeline page
+style: update home page
+test: add modal test
+```
+
+<p class='w-full'>Use `!` for a minor bump.</p>
+
+```sh
+feat!: add drawer compoent and page
+```
+
+<p class='w-full'>When you have a breaking change:</p>
+
+```
+git commit -a "feat: change btnClass name to bClass" -m "BREAKING CHANGE: change the Button component attributes"
+```
+
+<Htwo label="Playwright Test" />
+
+<p class='w-full'>Before submitting a PR, please run a test:</p>
+
+```sh
+npm run test
+```
+
+If you want to run an single test file, `tests/typography.spec.ts`:
+
+```sh
+npx playwright test tests/typography.spec.ts
+```
+
+<Htwo label="A11y Test" />
+
+<p class='w-full'>Please test a page with [Nu Html Checker](https://validator.unl.edu/) relating to your change.</p>
+
+<p class='w-full'>Test a page.</p>
+
+```sh
+axe http://localhost:3000/dropdowns/image
+```

package/src/routes/pages/license.md

@@ -0,0 +1,48 @@
+---
+layout: pageLayout
+breadcrumb_title: License
+title: License
+dir: Pages
+description: Flowbite-Svelte License page
+---
+
+<MetaTag {breadcrumb_title} {title} {dir} {description}/>
+
+<script>
+  import { Htwo, MetaTag } from '../utils'
+  import { Breadcrumb, BreadcrumbItem, Heading, A } from '$lib'
+</script>
+
+<Breadcrumb class="pt-16 py-8">
+  <BreadcrumbItem href="/" home >Home</BreadcrumbItem>
+  <BreadcrumbItem>{dir}</BreadcrumbItem>
+  <BreadcrumbItem>{breadcrumb_title}</BreadcrumbItem>
+</Breadcrumb>
+
+<Heading class="mb-2" tag="h1" customSize="text-3xl">{title}</Heading>
+
+<Htwo label="MIT License" />
+
+<h3 class="text-xl dark:text-white w-full pb-4">Copyright (c) 2022 Flowbite-Svelte</h3>
+
+<p class="dark:text-white w-full text-lg py-2">
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+</p>
+<p class="dark:text-white w-full text-lg py-2">
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+</p>
+<p class="dark:text-white w-full text-lg py-2">
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+</p>

package/src/routes/pages/types.md

@@ -0,0 +1,28 @@
+---
+layout: pageLayout
+breadcrumb_title: Types
+title: Types
+dir: Pages
+description: Flowbite-Svelte Types page
+---
+
+<MetaTag {breadcrumb_title} {title} {dir} {description}/>
+
+<script>
+  import { Htwo, ExampleDiv , MetaTag } from '../utils'
+  import { A, P, List, Li, Breadcrumb, BreadcrumbItem, Alert, Heading } from '$lib'
+  // Load assets as strings
+  import TypeList from '../../lib/types.ts?raw'
+</script>
+
+<Breadcrumb class="pt-16 py-8">
+  <BreadcrumbItem href="/" home >Home</BreadcrumbItem>
+  <BreadcrumbItem>{dir}</BreadcrumbItem>
+  <BreadcrumbItem>{breadcrumb_title}</BreadcrumbItem>
+</Breadcrumb>
+
+<Heading class="mb-2" tag="h1" customSize="text-3xl">{title}</Heading>
+
+<ExampleDiv tag="pre" class="dark:text-white">
+{TypeList}
+</ExampleDiv>

package/src/routes/props/A.json

@@ -0,0 +1 @@
+{"props":[["href","string ","'#'"],["color","string ","'text-blue-600 dark:text-blue-500'"],["aClass","string ","'inline-flex items-center hover:underline'"]]}

package/src/routes/props/Accordion.json

@@ -0,0 +1 @@
+{"props":[["multiple","boolean ","false"],["flush","boolean ","false"],["activeClasses","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'"],["inactiveClasses","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/props/AccordionItem.json

@@ -0,0 +1 @@
+{"props":[["open","boolean ","false"],["activeClasses","string | undefined ","undefined"],["inactiveClasses","string | undefined ","undefined"],["defaultClass","string ","'flex items-center justify-between w-full font-medium text-left group-first:rounded-t-xl'"],["transitionType","TransitionTypes ","'slide'"],["transitionParams","TransitionParamTypes ","{}"]]}

package/src/routes/props/Activity.json

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

package/src/routes/props/ActivityItem.json

@@ -0,0 +1 @@
+{"props":[[" activities"," ActivityType[]",""]]}

package/src/routes/props/AdvancedRating.json

@@ -0,0 +1 @@
+{"props":[["divClass","string ","'flex items-center mt-4'"],["labelClass","string ","'text-sm font-medium text-blue-600 dark:text-blue-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-blue-600 dark:text-blue-500'"],["unit","string ","'%'"]]}

package/src/routes/props/Alert.json

@@ -0,0 +1 @@
+{"props":[["dismissable","boolean ","false"],["accent","boolean ","false"]]}

package/src/routes/props/ArrowKeyDown.json

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

package/src/routes/props/ArrowKeyLeft.json

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

package/src/routes/props/ArrowKeyRight.json

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

package/src/routes/props/ArrowKeyUp.json

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

package/src/routes/props/Avatar.json

@@ -0,0 +1 @@
+{"props":[["src","string ","''"],["href","string ","'#'"],["rounded","boolean ","false"],["border","boolean ","false"],["stacked","boolean ","false"],["dot","DotType ","{ top: false, color: 'bg-gray-300 dark:bg-gray-500' }"],["alt","string ","''"],["size","'xs' | 'sm' | 'md' | 'lg' | 'xl' ","'md'"]]}

package/src/routes/props/Badge.json

@@ -0,0 +1 @@
+{"props":[["color","Colors ","'blue'"],["large","boolean ","false"],["href","string ","undefined"],["rounded","boolean ","false"],["index","boolean ","false"],["dismissable","boolean ","false"],["baseClass","string ","'inline-flex items-center justify-center -mb-0.5'"]]}

package/src/routes/props/Blockquote.json

@@ -0,0 +1 @@
+{"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","| 'xs'     | 'sm'     | 'base'     | 'lg'     | 'xl'     | '2xl'     | '3xl'     | '4xl'     | '5xl'     | '6xl'     | '7xl'     | '8xl'     | '9xl' ","'lg'"]]}

package/src/routes/props/Breadcrumb.json

@@ -0,0 +1 @@
+{"props":[["solid","boolean ","false"],["navClass","string ","'flex'"],["solidClass","string ","'flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700'"],["olClass","string ","'inline-flex items-center space-x-1 md:space-x-3'"]]}

package/src/routes/props/BreadcrumbItem.json

@@ -0,0 +1 @@
+{"props":[["home","boolean ","false"],["href","string | undefined ","undefined"],["linkClass","string ","'ml-1 text-sm font-medium text-gray-700 hover:text-gray-900 md:ml-2 dark:text-gray-400 dark:hover:text-white'"],["spanClass","string ","'ml-1 text-sm font-medium text-gray-500 md:ml-2 dark:text-gray-400'"],["homeClass","string ","'inline-flex items-center text-sm font-medium text-gray-700 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white'"]]}

package/src/routes/props/Button.json

@@ -0,0 +1 @@
+{"props":[["pill","boolean ","false"],["outline","boolean ","false"],["gradient","boolean ","false"],["size","'xs' | 'sm' | 'md' | 'lg' | 'xl' ","group ? 'sm' : 'md'"],["href","string | undefined ","undefined"],["btnClass","string | undefined ","undefined"],["type","ButtonType ","'button'"],["color","| 'alternative'     | 'blue'     | 'cyan'     | 'dark'     | 'light'     | 'lime'     | 'green'     | 'pink'     | 'primary'     | 'red'     | 'teal'     | 'yellow'     | 'purple'     | 'purpleToBlue'     | 'cyanToBlue'     | 'greenToBlue'     | 'purpleToPink'     | 'pinkToOrange'     | 'tealToLime'     | 'redToYellow' ","group ? (outline ? 'dark' : 'alternative') : 'blue'"],["shadow","'blue' | 'green' | 'cyan' | 'teal' | 'lime' | 'red' | 'pink' | 'purple' | null ","null"]]}

package/src/routes/props/ButtonGroup.json

@@ -0,0 +1 @@
+{"props":[["size","SizeType ","'md'"],["divClass","string ","'inline-flex rounded-lg shadow-sm'"]]}

package/src/routes/props/Caption.json

@@ -0,0 +1 @@
+{"props":[["caption","string ","''"],["captionClass","string ","''"]]}

package/src/routes/props/Card.json

@@ -0,0 +1 @@
+{"props":[["href","string | undefined ","undefined"],["horizontal","boolean ","false"],["reverse","boolean ","false"],["img","string | undefined ","undefined"],["padding","'none' | 'sm' | 'md' | 'lg' | 'xl' ","'lg'"],["size","SizeType ","'sm'"]]}

package/src/routes/props/CardPlaceholder.json

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

package/src/routes/props/Carousel.json

@@ -0,0 +1 @@
+{"props":[["showIndicators","boolean ","true"],["showCaptions","boolean ","true"],["showThumbs","boolean ","true"],[" images"," any[]",""],["slideControls","boolean ","true"],["loop","boolean ","false"],["duration","number ","2000"],["divClass","string ","'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96'"],["indicatorDivClass","string ","'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2'"],["captionClass","string ","'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center'"],["indicatorClass","string ","'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60'"],["slideClass","string ","''"]]}

package/src/routes/props/CarouselTransition.json

@@ -0,0 +1 @@
+{"props":[["showIndicators","boolean ","true"],["showCaptions","boolean ","true"],["showThumbs","boolean ","true"],["   images"," any[]",""],["slideControls","boolean ","true"],["transitionType","TransitionTypes ","'fade'"],["transitionParams","TransitionParamTypes ","{}"],["loop","boolean ","false"],["duration","number ","2000"],["divClass","string ","'overflow-hidden relative h-56 rounded-lg sm:h-64 xl:h-80 2xl:h-96'"],["indicatorDivClass","string ","'flex absolute bottom-5 left-1/2 z-30 space-x-3 -translate-x-1/2'"],["captionClass","string ","'h-10 bg-gray-300 dark:bg-gray-700 dark:text-white p-2 my-2 text-center'"],["indicatorClass","string ","'w-3 h-3 rounded-full bg-gray-100 hover:bg-gray-300 opacity-60'"]]}

package/src/routes/props/Checkbox.json

@@ -0,0 +1 @@
+{"props":[["color","FormColorType ","'blue'"],["custom","boolean ","false"],["inline","boolean ","false"],["group","string[] ","[]"],["value","string ","''"],["checked","boolean ","false"]]}

package/src/routes/props/Chevron.json

@@ -0,0 +1 @@
+{"props":[["placement","Placement ","'bottom'"],["aligned","boolean ","false"]]}

package/src/routes/props/ChevronDown.json

@@ -0,0 +1 @@
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron down'"]]}

package/src/routes/props/ChevronLeft.json

@@ -0,0 +1 @@
+{"props":[["size ","string"," '24'"],[" color ","string"," 'currentColor'"],["variation","'solid' | 'outline' ","'outline'"],[" } ariaLabel ","string"," 'chevron left'"]]}