flowbite-svelte 0.36.5 → 0.37.2

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>
+  ```
+-->

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

@@ -22,6 +22,40 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
 }
 export {};

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;AAmCD,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":"Span.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Span.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqCD,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"}

package/dist/utils/Chevron.svelte

@@ -24,3 +24,10 @@ $: icon = icons[placement.split('-')[0]] ?? ChevronDown;
     <svelte:component this={icon} class="h-4 w-4 ml-2" />
   {/if}
 </Wrapper>
+
+<!--
+  @component
+  ## Props  
+  @prop placement: Placement = 'bottom';
+  @prop aligned: boolean = false;
+-->

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

@@ -15,6 +15,11 @@ declare const __propDef: {
 export type ChevronProps = typeof __propDef.props;
 export type ChevronEvents = typeof __propDef.events;
 export type ChevronSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop placement: Placement = 'bottom';
+ * @prop aligned: boolean = false;
+ */
 export default class Chevron extends SvelteComponentTyped<ChevronProps, ChevronEvents, ChevronSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA2C/D,QAAA,MAAM,SAAS;;;;;;;;;;;CAAwC,CAAC;AACxD,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,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6C/D,QAAA,MAAM,SAAS;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/utils/ChevronDown.svelte

@@ -34,3 +34,14 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron down';
+  ## Event
+  - on:click
+-->

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

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronDownProps = typeof __propDef.props;
 export type ChevronDownEvents = typeof __propDef.events;
 export type ChevronDownSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron down';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronDown extends SvelteComponentTyped<ChevronDownProps, ChevronDownEvents, ChevronDownSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,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,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"ChevronDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/ChevronLeft.svelte

@@ -34,3 +34,14 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron left';
+  ## Event
+  - on:click
+-->

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

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronLeftProps = typeof __propDef.props;
 export type ChevronLeftEvents = typeof __propDef.events;
 export type ChevronLeftSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron left';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronLeft extends SvelteComponentTyped<ChevronLeftProps, ChevronLeftEvents, ChevronLeftSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,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,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/ChevronRight.svelte

@@ -34,3 +34,13 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron right';
+  ## Event
+  - on:click
+-->

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

@@ -17,6 +17,14 @@ declare const __propDef: {
 export type ChevronRightProps = typeof __propDef.props;
 export type ChevronRightEvents = typeof __propDef.events;
 export type ChevronRightSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron right';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronRight extends SvelteComponentTyped<ChevronRightProps, ChevronRightEvents, ChevronRightSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ChevronRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"ChevronRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/utils/ChevronUp.svelte

@@ -34,3 +34,14 @@ $: switch (variation) {
   on:click>
   {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron up';
+  ## Event
+  - on:click
+-->

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

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronUpProps = typeof __propDef.props;
 export type ChevronUpEvents = typeof __propDef.events;
 export type ChevronUpSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron up';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronUp extends SvelteComponentTyped<ChevronUpProps, ChevronUpEvents, ChevronUpSlots> {
 }
 export {};