flowbite-svelte 0.36.5 → 0.37.1

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

@@ -21,6 +21,39 @@ declare const __propDef: {
 export type ImgProps = typeof __propDef.props;
 export type ImgEvents = typeof __propDef.events;
 export type ImgSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Images](https://flowbite-svelte.com/docs/typography/image)
+ * - Setup
+ * - Default image
+ * - Image caption
+ * - Rounded corners
+ * - Image shadow
+ * - Retina-ready
+ * - Image card
+ * - Image effects
+ * - Alignment
+ * - Sizes
+ * ## Props
+ * @prop caption: string | undefined = undefined;
+ * @prop src: string | undefined = undefined;
+ * @prop srcset: string | undefined = undefined;
+ * @prop size: string = 'max-w-full';
+ * @prop alignment: string = '';
+ * @prop imgClass: string = 'h-auto';
+ * @prop figClass: string = 'max-w-lg';
+ * @prop alt: string = '';
+ * @prop effect: string = '';
+ * @prop captionClass: string = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Img } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Img src="/images/examples/image-1@2x.jpg" alt="sample 1"/>
+ * ```
+ */
 export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Img.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Img.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6BD,QAAA,MAAM,SAAS;;;kBADqM,MAAM,GAAG,SAAS;cAAQ,MAAM,GAAG,SAAS;iBAAW,MAAM,GAAG,SAAS;;;;;;;;;;;;;CAC/M,CAAC;AAC/E,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,oBAAoB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CACnF"}
+{"version":3,"file":"Img.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Img.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;kBADqM,MAAM,GAAG,SAAS;cAAQ,MAAM,GAAG,SAAS;iBAAW,MAAM,GAAG,SAAS;;;;;;;;;;;;;CAC/M,CAAC;AAC/E,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC9C,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAChD,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,GAAI,SAAQ,oBAAoB,CAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC;CACnF"}

package/dist/typography/Layout.svelte

@@ -8,3 +8,53 @@ let classDiv = classNames(divClass, 'gap-' + String(gap), cols);
 <div {...$$restProps} class={classDiv}>
   <slot />
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Paragraph Layout](https://flowbite-svelte.com/docs/typography/paragraph#Layout)
+  - Default paragraph
+  - Leading paragraph
+  - First letter
+  - Paragraph link
+  - Paragraph bold
+  - Paragraph underline
+  - Paragraph italic
+  - Paragraph popover
+  - Layout
+  - Text alignment
+  ## Props
+  @prop divClass: string = 'grid';
+  @prop cols: string = 'grid-cols-1 sm:grid-cols-2';
+  @prop gap: number;
+  ## Example
+  ```
+  <script>
+    import { P, Layout } 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>
+  <Layout gap={6}>
+    <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 class="mb-3" 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>
+  </Layout>
+  <P class="mb-3" 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>
+  ```
+-->

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

@@ -16,6 +16,54 @@ declare const __propDef: {
 export type LayoutProps = typeof __propDef.props;
 export type LayoutEvents = typeof __propDef.events;
 export type LayoutSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Paragraph Layout](https://flowbite-svelte.com/docs/typography/paragraph#Layout)
+ * - Default paragraph
+ * - Leading paragraph
+ * - First letter
+ * - Paragraph link
+ * - Paragraph bold
+ * - Paragraph underline
+ * - Paragraph italic
+ * - Paragraph popover
+ * - Layout
+ * - Text alignment
+ * ## Props
+ * @prop divClass: string = 'grid';
+ * @prop cols: string = 'grid-cols-1 sm:grid-cols-2';
+ * @prop gap: number;
+ * ## Example
+ * ```
+ * <script>
+ *   import { P, Layout } 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>
+ * <Layout gap={6}>
+ *   <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 class="mb-3" 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>
+ * </Layout>
+ * <P class="mb-3" 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>
+ * ```
+ */
 export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Layout.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,QAAA,MAAM,SAAS;;;;;aADyF,MAAM;;;;;;;;CAChC,CAAC;AAC/E,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,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}
+{"version":3,"file":"Layout.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Layout.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoBD,QAAA,MAAM,SAAS;;;;;aADyF,MAAM;;;;;;;;CAChC,CAAC;AAC/E,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,oBAAoB,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC/F"}

package/dist/typography/Li.svelte

@@ -7,3 +7,39 @@ let classLi = classNames(liClass, icon && 'flex items-center', $$props.class);
 <li {...$$restProps} class={classLi}>
   <slot />
 </li>
+
+<!--
+  @component
+  ## Features
+  [Go to List](https://flowbite-svelte.com/docs/typography/list)
+  - Setup
+  - Unordored list
+  - Icons
+  - Nested
+  - Unstyled
+  - Ordered list
+  - Nested
+  - Description List
+  - List with icon
+  - Advanced layout
+  - Horizontal List
+  ## Props
+  @prop icon: boolean = false;
+  @prop liClass: string = '';
+  ## Example
+  ```
+  <script>
+    import { Li, List, Heading } from 'flowbite-svelte';
+  </script>
+  
+  <Heading
+    tag="h2"
+    customSize="text-lg font-semibold"
+    class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
+  <List tag="ul" class="space-y-1">
+    <Li>At least 10 characters (and up to 100 characters)</Li>
+    <Li>At least one lowercase character</Li>
+    <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
+  </List>
+  ```
+-->

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

@@ -15,6 +15,40 @@ declare const __propDef: {
 export type LiProps = typeof __propDef.props;
 export type LiEvents = typeof __propDef.events;
 export type LiSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to List](https://flowbite-svelte.com/docs/typography/list)
+ * - Setup
+ * - Unordored list
+ * - Icons
+ * - Nested
+ * - Unstyled
+ * - Ordered list
+ * - Nested
+ * - Description List
+ * - List with icon
+ * - Advanced layout
+ * - Horizontal List
+ * ## Props
+ * @prop icon: boolean = false;
+ * @prop liClass: string = '';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Li, List, Heading } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Heading
+ *   tag="h2"
+ *   customSize="text-lg font-semibold"
+ *   class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
+ * <List tag="ul" class="space-y-1">
+ *   <Li>At least 10 characters (and up to 100 characters)</Li>
+ *   <Li>At least one lowercase character</Li>
+ *   <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
+ * </List>
+ * ```
+ */
 export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Li.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Li.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,EAAG,SAAQ,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;CAC/E"}
+{"version":3,"file":"Li.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Li.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC/C,MAAM,MAAM,OAAO,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,EAAG,SAAQ,oBAAoB,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;CAC/E"}

package/dist/typography/List.svelte

@@ -17,3 +17,40 @@ let classList = classNames(lists[list ?? (tag === 'ul' ? 'disc' : 'ol' ? 'decima
 <svelte:element this={tag} {...$$restProps} class={classList}>
   <slot />
 </svelte:element>
+
+<!--
+  @component
+  ## Features
+  [Go to List](https://flowbite-svelte.com/docs/typography/list)
+  - Setup
+  - Unordored list
+  - Icons
+  - Nested
+  - Unstyled
+  - Ordered list
+  - Nested
+  - Description List
+  - List with icon
+  - Advanced layout
+  - Horizontal List
+  ## Props
+  @prop tag: 'ul' | 'ol' | 'dl' = 'ul';
+  @prop list: 'disc' | 'none' | 'decimal' | undefined = undefined;
+  @prop position: 'inside' | 'outside' = 'inside';
+  ## Example
+  ```
+  <script>
+    import { Li, List, Heading } from 'flowbite-svelte';
+  </script>
+  
+  <Heading
+    tag="h2"
+    customSize="text-lg font-semibold"
+    class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
+  <List tag="ul" class="space-y-1">
+    <Li>At least 10 characters (and up to 100 characters)</Li>
+    <Li>At least one lowercase character</Li>
+    <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
+  </List>
+  ```
+-->

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

@@ -16,6 +16,41 @@ declare const __propDef: {
 export type ListProps = typeof __propDef.props;
 export type ListEvents = typeof __propDef.events;
 export type ListSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to List](https://flowbite-svelte.com/docs/typography/list)
+ * - Setup
+ * - Unordored list
+ * - Icons
+ * - Nested
+ * - Unstyled
+ * - Ordered list
+ * - Nested
+ * - Description List
+ * - List with icon
+ * - Advanced layout
+ * - Horizontal List
+ * ## Props
+ * @prop tag: 'ul' | 'ol' | 'dl' = 'ul';
+ * @prop list: 'disc' | 'none' | 'decimal' | undefined = undefined;
+ * @prop position: 'inside' | 'outside' = 'inside';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Li, List, Heading } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Heading
+ *   tag="h2"
+ *   customSize="text-lg font-semibold"
+ *   class="mb-2 text-lg font-semibold text-gray-900 dark:text-white">Password requirements</Heading>
+ * <List tag="ul" class="space-y-1">
+ *   <Li>At least 10 characters (and up to 100 characters)</Li>
+ *   <Li>At least one lowercase character</Li>
+ *   <Li>Inclusion of at least one special character, e.g., ! @ # ?</Li>
+ * </List>
+ * ```
+ */
 export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"List.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/List.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;eADmF,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;;;;;;;;CAC3D,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,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"List.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/List.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoCD,QAAA,MAAM,SAAS;;;;eADmF,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS;;;;;;;;;CAC3D,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/typography/Mark.svelte

@@ -7,3 +7,33 @@ export let markClass = 'px-2 rounded';
 <mark {...$$restProps} class={classNames(markClass, bgColor, color, $$props.class)}>
   <slot />
 </mark>
+
+<!--
+  @component
+  ## 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  
+  ## 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>
+  ```
+-->

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

@@ -16,6 +16,34 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
 }
 export {};

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;AAiBD,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,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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/typography/P.svelte

@@ -73,3 +73,48 @@ let classP = classNames(size && sizes[size], (opacity && colorAndopacity) || (co
 <p {...$$restProps} class={classP}>
   <slot />
 </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>
+  ```
+-->

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

@@ -26,6 +26,49 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
 }
 export {};

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;AAqGvD,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,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;AAwGvD,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"}

package/dist/typography/Secondary.svelte

@@ -6,3 +6,31 @@ export let secondaryClass = 'font-semibold';
 <small {...$$restProps} class={classNames(color, secondaryClass, $$props.class)}>
   <slot />
 </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>
+  ```
+-->

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

@@ -15,6 +15,32 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
 }
 export {};

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;AAgBD,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,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;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/typography/Span.svelte

@@ -15,3 +15,39 @@ let classSpan = classNames(italic && 'italic', underline && underlineClass, line
 <span {...$$restProps} class={classSpan}>
   <slot />
 </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>
+  ```
+-->