flowbite-svelte 0.44.1 → 0.44.4

package/dist/typography/Mark.svelte.d.ts

@@ -17,32 +17,11 @@ export type MarkProps = typeof __propDef.props;
 export type MarkEvents = typeof __propDef.events;
 export type MarkSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Heading](https://flowbite-svelte.com/docs/typography/heading)
- * - Setup
- * - Default heading
- * - Second-level heading
- * - Highlighted heading
- * - Heading mark
- * - Heading gradient
- * - Heading underline
- * - Breadcrumb context
- * - Badge context
- * - Secondary text
- * - Sizes
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: string = 'text-white dark:bg-blue-500';
- * @prop bgColor: string = 'bg-blue-600';
- * @prop markClass: string = 'px-2 rounded';
- * ## Example
- * ```
- * <script>
- *   import {  Heading, P, Mark } from 'flowbite-svelte'
- * </script>
- *
- * <Heading tag="h1" class='mb-4'>Regain <Mark>control</Mark> over your days</Heading>
- * <P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
- * ```
+ * @prop export let color: string = 'text-white dark:bg-blue-500';
+ * @prop export let bgColor: string = 'bg-blue-600';
+ * @prop export let markClass: string = 'px-2 rounded';
  */
 export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
 }

package/dist/typography/Mark.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Mark.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Mark.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"Mark.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Mark.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/typography/P.svelte

@@ -75,46 +75,19 @@ let classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color
 </p>
 
 <!--
-  @component
-  ## Features
-  [Go to Paragraph](https://flowbite-svelte.com/docs/typography/paragraph)
-  - Leading paragraph
-  - First letter
-  - Paragraph link
-  - Paragraph bold
-  - Paragraph underline
-  - Paragraph italic
-  - Paragraph popover
-  - Layout
-  - Text alignment
-  ## Props
-  @prop color: string = 'text-gray-900 dark:text-white';
-  @prop height: 'normal' | 'relaxed' | 'loose' = 'normal';
-  @prop align: 'left' | 'center' | 'right' = 'left';
-  @prop justify: boolean = false;
-  @prop italic: boolean = false;
-  @prop firstupper: boolean = false;
-  @prop upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
-  @prop opacity: number | undefined = undefined;
-  @prop whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
-  @prop size: PsizeType = 'base';
-  @prop space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
-  @prop weight: PweightType = 'normal';
-  ## Example
-  ```
-  <script>
-    import { P } from 'flowbite-svelte'
-  </script>
-
-  <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
-    Track work across the enterprise through an open, collaborative platform. Link issues across
-    Jira and ingest data from other software development tools, so your IT support and operations
-    teams have richer contextual information to rapidly respond to requests, incidents, and changes.
-  </P>
-  <P weight="light" color="text-gray-500 dark:text-gray-400">
-    Deliver great service experiences fast - without the complexity of traditional ITSM solutions.
-    Accelerate critical development work, eliminate toil, and deploy changes with ease, with a
-    complete audit trail for every change.
-  </P>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: string = 'text-gray-900 dark:text-white';
+@prop export let height: 'normal' | 'relaxed' | 'loose' = 'normal';
+@prop export let align: 'left' | 'center' | 'right' = 'left';
+@prop export let justify: boolean = false;
+@prop export let italic: boolean = false;
+@prop export let firstupper: boolean = false;
+@prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+@prop export let opacity: number | undefined = undefined;
+@prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
+@prop export let size: PsizeType = 'base';
+@prop export let space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
+@prop export let weight: PweightType = 'normal';
 -->

package/dist/typography/P.svelte.d.ts

@@ -27,47 +27,20 @@ export type PProps = typeof __propDef.props;
 export type PEvents = typeof __propDef.events;
 export type PSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Paragraph](https://flowbite-svelte.com/docs/typography/paragraph)
- * - Leading paragraph
- * - First letter
- * - Paragraph link
- * - Paragraph bold
- * - Paragraph underline
- * - Paragraph italic
- * - Paragraph popover
- * - Layout
- * - Text alignment
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: string = 'text-gray-900 dark:text-white';
- * @prop height: 'normal' | 'relaxed' | 'loose' = 'normal';
- * @prop align: 'left' | 'center' | 'right' = 'left';
- * @prop justify: boolean = false;
- * @prop italic: boolean = false;
- * @prop firstupper: boolean = false;
- * @prop upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
- * @prop opacity: number | undefined = undefined;
- * @prop whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
- * @prop size: PsizeType = 'base';
- * @prop space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
- * @prop weight: PweightType = 'normal';
- * ## Example
- * ```
- * <script>
- *   import { P } from 'flowbite-svelte'
- * </script>
- *
- * <P class="mb-3" weight="light" color="text-gray-500 dark:text-gray-400">
- *   Track work across the enterprise through an open, collaborative platform. Link issues across
- *   Jira and ingest data from other software development tools, so your IT support and operations
- *   teams have richer contextual information to rapidly respond to requests, incidents, and changes.
- * </P>
- * <P weight="light" color="text-gray-500 dark:text-gray-400">
- *   Deliver great service experiences fast - without the complexity of traditional ITSM solutions.
- *   Accelerate critical development work, eliminate toil, and deploy changes with ease, with a
- *   complete audit trail for every change.
- * </P>
- * ```
+ * @prop export let color: string = 'text-gray-900 dark:text-white';
+ * @prop export let height: 'normal' | 'relaxed' | 'loose' = 'normal';
+ * @prop export let align: 'left' | 'center' | 'right' = 'left';
+ * @prop export let justify: boolean = false;
+ * @prop export let italic: boolean = false;
+ * @prop export let firstupper: boolean = false;
+ * @prop export let upperClass: string = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:mr-3 first-letter:float-left';
+ * @prop export let opacity: number | undefined = undefined;
+ * @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
+ * @prop export let size: PsizeType = 'base';
+ * @prop export let space: 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest' | undefined = undefined;
+ * @prop export let weight: PweightType = 'normal';
  */
 export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
 }

package/dist/typography/P.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"P.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/P.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AA2FvD,QAAA,MAAM,SAAS;;;;;;;;;;kBAD2Z,MAAM,GAAG,SAAS;;;gBAA8F,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;;;;;;;CACphB,CAAC;AAC/E,MAAM,MAAM,MAAM,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9C,MAAM,MAAM,MAAM,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,MAAM,CAAC,OAAO,OAAO,CAAE,SAAQ,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;CAC3E"}
+{"version":3,"file":"P.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/P.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAED,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AA2FvD,QAAA,MAAM,SAAS;;;;;;;;;;kBAD2Z,MAAM,GAAG,SAAS;;;gBAA8F,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;;;;;;;CACphB,CAAC;AAC/E,MAAM,MAAM,MAAM,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9C,MAAM,MAAM,MAAM,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,OAAO,CAAE,SAAQ,oBAAoB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;CAC3E"}

package/dist/typography/Secondary.svelte

@@ -8,29 +8,9 @@ export let secondaryClass = 'font-semibold';
 </small>
 
 <!--
-  @component
-  ## Features
-  [Go to Heading Secondary](https://flowbite-svelte.com/docs/typography/heading#Second-level_heading)
-  - Setup
-  - Default heading
-  - Second-level heading
-  - Highlighted heading
-  - Heading mark
-  - Heading gradient
-  - Heading underline
-  - Breadcrumb context
-  - Badge context
-  - Secondary text
-  - Sizes
-  ## Props
-  @prop color: string = 'text-gray-500 dark:text-gray-400';
-  @prop secondaryClass: string = 'font-semibold';
-  ## Example
-  ```
-  <script>
-    import {  Heading, Secondary } from 'flowbite-svelte'
-  </script>
-  
-  <Heading tag="h1" customSize="text-5xl font-extrabold">Flowbite <Secondary class="ml-2">This is secondary text</Secondary></Heading>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: string = 'text-gray-500 dark:text-gray-400';
+@prop export let secondaryClass: string = 'font-semibold';
 -->

package/dist/typography/Secondary.svelte.d.ts

@@ -16,30 +16,10 @@ export type SecondaryProps = typeof __propDef.props;
 export type SecondaryEvents = typeof __propDef.events;
 export type SecondarySlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Heading Secondary](https://flowbite-svelte.com/docs/typography/heading#Second-level_heading)
- * - Setup
- * - Default heading
- * - Second-level heading
- * - Highlighted heading
- * - Heading mark
- * - Heading gradient
- * - Heading underline
- * - Breadcrumb context
- * - Badge context
- * - Secondary text
- * - Sizes
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: string = 'text-gray-500 dark:text-gray-400';
- * @prop secondaryClass: string = 'font-semibold';
- * ## Example
- * ```
- * <script>
- *   import {  Heading, Secondary } from 'flowbite-svelte'
- * </script>
- *
- * <Heading tag="h1" customSize="text-5xl font-extrabold">Flowbite <Secondary class="ml-2">This is secondary text</Secondary></Heading>
- * ```
+ * @prop export let color: string = 'text-gray-500 dark:text-gray-400';
+ * @prop export let secondaryClass: string = 'font-semibold';
  */
 export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
 }

package/dist/typography/Secondary.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Secondary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Secondary.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"Secondary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Secondary.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACpD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACtD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/typography/Span.svelte

@@ -17,37 +17,16 @@ let classSpan = twMerge(italic && 'italic', underline && underlineClass, linethr
 </span>
 
 <!--
-  @component
-  ## Features
-  [Go to Heading Span](https://flowbite-svelte.com/docs/typography/heading)
-  - Setup
-  - Default heading
-  - Second-level heading
-  - Highlighted heading
-  - Heading mark
-  - Heading gradient
-  - Heading underline
-  - Breadcrumb context
-  - Badge context
-  - Secondary text
-  - Sizes
-  ## Props
-  @prop italic: boolean = false;
-  @prop underline: boolean = false;
-  @prop linethrough: boolean = false;
-  @prop uppercase: boolean = false;
-  @prop gradient: boolean = false;
-  @prop highlight: boolean = false;
-  @prop highlightClass: string = 'text-blue-600 dark:text-blue-500';
-  @prop decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
-  @prop gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
-  ## Example
-  ```
-  <script>
-    import {  Heading, P, Span } from 'flowbite-svelte'
-  </script>
-  
-  <Heading tag="h1" class="mb-4">Get back to growth with <Span highlight>the world's #1</Span> CRM.</Heading>
-  <P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let italic: boolean = false;
+@prop export let underline: boolean = false;
+@prop export let linethrough: boolean = false;
+@prop export let uppercase: boolean = false;
+@prop export let gradient: boolean = false;
+@prop export let highlight: boolean = false;
+@prop export let highlightClass: string = 'text-blue-600 dark:text-blue-500';
+@prop export let decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
+@prop export let gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
 -->

package/dist/typography/Span.svelte.d.ts

@@ -23,38 +23,17 @@ export type SpanProps = typeof __propDef.props;
 export type SpanEvents = typeof __propDef.events;
 export type SpanSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Heading Span](https://flowbite-svelte.com/docs/typography/heading)
- * - Setup
- * - Default heading
- * - Second-level heading
- * - Highlighted heading
- * - Heading mark
- * - Heading gradient
- * - Heading underline
- * - Breadcrumb context
- * - Badge context
- * - Secondary text
- * - Sizes
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop italic: boolean = false;
- * @prop underline: boolean = false;
- * @prop linethrough: boolean = false;
- * @prop uppercase: boolean = false;
- * @prop gradient: boolean = false;
- * @prop highlight: boolean = false;
- * @prop highlightClass: string = 'text-blue-600 dark:text-blue-500';
- * @prop decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
- * @prop gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
- * ## Example
- * ```
- * <script>
- *   import {  Heading, P, Span } from 'flowbite-svelte'
- * </script>
- *
- * <Heading tag="h1" class="mb-4">Get back to growth with <Span highlight>the world's #1</Span> CRM.</Heading>
- * <P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
- * ```
+ * @prop export let italic: boolean = false;
+ * @prop export let underline: boolean = false;
+ * @prop export let linethrough: boolean = false;
+ * @prop export let uppercase: boolean = false;
+ * @prop export let gradient: boolean = false;
+ * @prop export let highlight: boolean = false;
+ * @prop export let highlightClass: string = 'text-blue-600 dark:text-blue-500';
+ * @prop export let decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
+ * @prop export let gradientClass: string = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
  */
 export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
 }

package/dist/typography/Span.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Span.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Span.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"Span.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Span.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/utils/CloseButton.svelte

@@ -10,9 +10,8 @@ export let name = 'Close';
 </ToolbarButton>
 
 <!--
-  @component
-  ## Props
-  @prop name: string = 'Close';
-  ## Event
-  - on:click
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let name: string = 'Close';
 -->

package/dist/utils/CloseButton.svelte.d.ts

@@ -15,10 +15,9 @@ export type CloseButtonProps = typeof __propDef.props;
 export type CloseButtonEvents = typeof __propDef.events;
 export type CloseButtonSlots = typeof __propDef.slots;
 /**
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop name: string = 'Close';
- * ## Event
- * - on:click
+ * @prop export let name: string = 'Close';
  */
 export default class CloseButton extends SvelteComponentTyped<CloseButtonProps, CloseButtonEvents, CloseButtonSlots> {
 }

package/dist/utils/CloseButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/Frame.svelte

@@ -90,22 +90,18 @@ $: divClass = twMerge(bgColors[color], textColors[color], rounded && 'rounded-lg
 </svelte:element>
 
 <!--
-  @component
-  ## Props
-  @prop tag: string = 'div';
-  @prop color: FrameColor = 'default';
-  @prop rounded: boolean = false;
-  @prop border: boolean = false;
-  @prop shadow: boolean = false;
-  @prop transition: TransitionFunc | undefined = undefined;
-  @prop params: object = {};
-  @prop node: HTMLElement | undefined = undefined;
-  @prop use: Action = noop;
-  @prop options = {};  
-  ## Event
-  - on:click
-  - on:mouseenter
-  - on:mouseleave
-  - on:focusin
-  - on:focusout
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let tag: string = $$restProps.href ? 'a' : 'div';
+@prop export let color: FrameColor = 'default';
+@prop export let rounded: boolean = false;
+@prop export let border: boolean = false;
+@prop export let shadow: boolean = false;
+@prop export let transition: TransitionFunc = null_transition;
+@prop export let params: object = {};
+@prop export let node: HTMLElement | undefined = undefined;
+@prop export let use: Action<HTMLElement, any> = noop;
+@prop export let options = {};
+@prop export let role: string | undefined = undefined;
 -->

package/dist/utils/Frame.svelte.d.ts

@@ -249,23 +249,19 @@ export type FrameProps = typeof __propDef.props;
 export type FrameEvents = typeof __propDef.events;
 export type FrameSlots = typeof __propDef.slots;
 /**
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop tag: string = 'div';
- * @prop color: FrameColor = 'default';
- * @prop rounded: boolean = false;
- * @prop border: boolean = false;
- * @prop shadow: boolean = false;
- * @prop transition: TransitionFunc | undefined = undefined;
- * @prop params: object = {};
- * @prop node: HTMLElement | undefined = undefined;
- * @prop use: Action = noop;
- * @prop options = {};
- * ## Event
- * - on:click
- * - on:mouseenter
- * - on:mouseleave
- * - on:focusin
- * - on:focusout
+ * @prop export let tag: string = $$restProps.href ? 'a' : 'div';
+ * @prop export let color: FrameColor = 'default';
+ * @prop export let rounded: boolean = false;
+ * @prop export let border: boolean = false;
+ * @prop export let shadow: boolean = false;
+ * @prop export let transition: TransitionFunc = null_transition;
+ * @prop export let params: object = {};
+ * @prop export let node: HTMLElement | undefined = undefined;
+ * @prop export let use: Action<HTMLElement, any> = noop;
+ * @prop export let options = {};
+ * @prop export let role: string | undefined = undefined;
  */
 export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
 }

package/dist/utils/Frame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAqI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAvHgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CA4GqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAqI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAvHgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CA4GqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/utils/Popper.svelte

@@ -164,15 +164,17 @@ function initArrow(node) {
 {/if}
 
 <!--
-    @component
-    ## Props
-    @prop activeContent: boolean = false;
-    @prop arrow: boolean = true;
-    @prop offset: number = 8;
-    @prop placement: Placement = 'top';
-    @prop trigger: 'hover' | 'click' = 'hover';
-    @prop triggeredBy: string | undefined = undefined;
-    @prop strategy: 'absolute' | 'fixed' = 'absolute';
-    @prop open: boolean = false;
-    @prop yOnly: boolean = false;
-  -->
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activeContent: boolean = false;
+@prop export let arrow: boolean = true;
+@prop export let offset: number = 8;
+@prop export let placement: Placement = 'top';
+@prop export let trigger: 'hover' | 'click' = 'hover';
+@prop export let triggeredBy: string | undefined = undefined;
+@prop export let reference: string | undefined = undefined;
+@prop export let strategy: 'absolute' | 'fixed' = 'absolute';
+@prop export let open: boolean = false;
+@prop export let yOnly: boolean = false;
+-->

package/dist/utils/Popper.svelte.d.ts

@@ -252,16 +252,18 @@ export type PopperProps = typeof __propDef.props;
 export type PopperEvents = typeof __propDef.events;
 export type PopperSlots = typeof __propDef.slots;
 /**
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop activeContent: boolean = false;
- * @prop arrow: boolean = true;
- * @prop offset: number = 8;
- * @prop placement: Placement = 'top';
- * @prop trigger: 'hover' | 'click' = 'hover';
- * @prop triggeredBy: string | undefined = undefined;
- * @prop strategy: 'absolute' | 'fixed' = 'absolute';
- * @prop open: boolean = false;
- * @prop yOnly: boolean = false;
+ * @prop export let activeContent: boolean = false;
+ * @prop export let arrow: boolean = true;
+ * @prop export let offset: number = 8;
+ * @prop export let placement: Placement = 'top';
+ * @prop export let trigger: 'hover' | 'click' = 'hover';
+ * @prop export let triggeredBy: string | undefined = undefined;
+ * @prop export let reference: string | undefined = undefined;
+ * @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
+ * @prop export let open: boolean = false;
+ * @prop export let yOnly: boolean = false;
  */
 export default class Popper extends SvelteComponentTyped<PopperProps, PopperEvents, PopperSlots> {
 }

package/dist/utils/Popper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA0M3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA0M3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/utils/Wrapper.svelte

@@ -10,9 +10,10 @@ export let use = () => { };
 {/if}
 
 <!--
-  @component
-  ## Props
-  @prop tag: string = 'div';
-  @prop show: boolean;
-  @prop use: Action = () => {};
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let tag: string = 'div';
+@prop export let show: boolean;
+@prop export let use: Action<HTMLElement, any> = () => {};
 -->

package/dist/utils/Wrapper.svelte.d.ts

@@ -18,10 +18,11 @@ export type WrapperProps = typeof __propDef.props;
 export type WrapperEvents = typeof __propDef.events;
 export type WrapperSlots = typeof __propDef.slots;
 /**
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop tag: string = 'div';
- * @prop show: boolean;
- * @prop use: Action = () => {};
+ * @prop export let tag: string = 'div';
+ * @prop export let show: boolean;
+ * @prop export let use: Action<HTMLElement, any> = () => {};
  */
 export default class Wrapper extends SvelteComponentTyped<WrapperProps, WrapperEvents, WrapperSlots> {
 }

package/dist/utils/Wrapper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Wrapper.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Wrapper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAoB5C,QAAA,MAAM,SAAS;;;;cAD4D,OAAO;;;;;;;;;CACJ,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/video/Video.svelte

@@ -15,18 +15,12 @@ let videoClass = twMerge($$props.class);
 </video>
 
 <!--
-  @component
-  ## Features
-  [Go to Video](https://flowbite-svelte.com/docs/components/video)
-  - Setup
-  - Video player
-  - Autoplay
-  - Muted
-  - Sizes
-  ## Props
-  @prop src: string;
-  @prop type: string = 'video/mp4';
-  @prop trackSrc: string = '';
-  @prop srclang: string = 'en';
-  @prop label: string = 'english_captions';
+@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';
 -->