flowbite-svelte 0.44.1 → 0.44.4

package/dist/tables/TableBodyRow.svelte.d.ts

@@ -18,10 +18,9 @@ export type TableBodyRowProps = typeof __propDef.props;
 export type TableBodyRowEvents = typeof __propDef.events;
 export type TableBodyRowSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
+ * @prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
  */
 export default class TableBodyRow extends SvelteComponentTyped<TableBodyRowProps, TableBodyRowEvents, TableBodyRowSlots> {
 }

package/dist/tables/TableBodyRow.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBodyRow.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyRow.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoDD,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;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"TableBodyRow.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyRow.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoDD,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/tables/TableHead.svelte

@@ -32,10 +32,9 @@ $: theadClassfinal = twMerge(theadClass, textColor, striped && borderColors, bgC
 </thead>
 
 <!--
-  @component
-  ## Features
-  [Go to Table](https://flowbite-svelte.com/docs/components/table)
-  ## Props
-  @prop theadClass: string = 'text-xs uppercase';
-  @prop defaultRow: boolean = true;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let theadClass: string = 'text-xs uppercase';
+@prop export let defaultRow: boolean = true;
 -->

package/dist/tables/TableHead.svelte.d.ts

@@ -16,11 +16,10 @@ export type TableHeadProps = typeof __propDef.props;
 export type TableHeadEvents = typeof __propDef.events;
 export type TableHeadSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop theadClass: string = 'text-xs uppercase';
- * @prop defaultRow: boolean = true;
+ * @prop export let theadClass: string = 'text-xs uppercase';
+ * @prop export let defaultRow: boolean = true;
  */
 export default class TableHead extends SvelteComponentTyped<TableHeadProps, TableHeadEvents, TableHeadSlots> {
 }

package/dist/tables/TableHead.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHead.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHead.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8CD,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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"TableHead.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHead.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8CD,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/tables/TableHeadCell.svelte

@@ -7,18 +7,8 @@ export let padding = 'px-6 py-3';
 </th>
 
 <!--
-  @component
-  ## Features
-  [Go to Table](https://flowbite-svelte.com/docs/components/table)
-  ## Props
-  @prop padding: string = 'px-6 py-3';
-  ## Event
-  - on:click
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let padding: string = 'px-6 py-3';
 -->

package/dist/tables/TableHeadCell.svelte.d.ts

@@ -24,19 +24,9 @@ export type TableHeadCellProps = typeof __propDef.props;
 export type TableHeadCellEvents = typeof __propDef.events;
 export type TableHeadCellSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop padding: string = 'px-6 py-3';
- * ## Event
- * - on:click
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
+ * @prop export let padding: string = 'px-6 py-3';
  */
 export default class TableHeadCell extends SvelteComponentTyped<TableHeadCellProps, TableHeadCellEvents, TableHeadCellSlots> {
 }

package/dist/tables/TableHeadCell.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeadCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHeadCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
+{"version":3,"file":"TableHeadCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHeadCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAExD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

package/dist/tables/TableSearch.svelte

@@ -39,15 +39,14 @@ $: setContext('color', color);
 </div>
 
 <!--
-  @component
-  ## Features
-  [Go to Table](https://flowbite-svelte.com/docs/components/table)
-  ## Props
-  @prop divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-  @prop inputValue: string = '';
-  @prop striped: boolean = false;
-  @prop hoverable: boolean = false;
-  @prop placeholder: string = 'Search';
-  @prop customColor: string = '';
-  @prop color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
+@prop export let inputValue: string = '';
+@prop export let striped: boolean = false;
+@prop export let hoverable: boolean = false;
+@prop export let placeholder: string = 'Search';
+@prop export let customColor: string = '';
+@prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
 -->

package/dist/tables/TableSearch.svelte.d.ts

@@ -21,16 +21,15 @@ export type TableSearchProps = typeof __propDef.props;
 export type TableSearchEvents = typeof __propDef.events;
 export type TableSearchSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
- * @prop inputValue: string = '';
- * @prop striped: boolean = false;
- * @prop hoverable: boolean = false;
- * @prop placeholder: string = 'Search';
- * @prop customColor: string = '';
- * @prop color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
+ * @prop export let divClass: string = 'relative overflow-x-auto shadow-md sm:rounded-lg';
+ * @prop export let inputValue: string = '';
+ * @prop export let striped: boolean = false;
+ * @prop export let hoverable: boolean = false;
+ * @prop export let placeholder: string = 'Search';
+ * @prop export let customColor: string = '';
+ * @prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = 'default';
  */
 export default class TableSearch extends SvelteComponentTyped<TableSearchProps, TableSearchEvents, TableSearchSlots> {
 }

package/dist/tables/TableSearch.svelte.d.ts.map

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

package/dist/tabs/TabItem.svelte

@@ -39,51 +39,12 @@ $: buttonClass = twMerge(defaultClass, open ? activeClasses ?? ctx.activeClasses
 </li>
 
 <!--
-  @component
-  ## Features
-  [Go to Tab](https://flowbite-svelte.com/docs/components/tab)
-  ## Props
-  @prop open: boolean = false;
-  @prop title: string = 'Tab title';
-  @prop activeClasses: string | undefined = undefined;
-  @prop inactiveClasses: string | undefined = undefined;
-  @prop defaultClass: string =
-    'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
-  ## Event
-  - on:blur
-  - on:click
-  - on:contextmenu
-  - on:focus
-  - on:keydown
-  - on:keypress
-  - on:keyup
-  - on:mouseenter
-  - on:mouseleave
-  - on:mouseover
-  ## Example
-  ```
-  <script>
-    import { Tabs, TabItem } from 'flowbite-svelte';
-  </script>
-  
-  <Tabs>
-    <TabItem open title="Profile">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Profile:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Settings">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Settings:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Users">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Users:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Dashboard">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Dashboard:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem disabled>
-      <span slot="title" class="text-gray-400 dark:text-gray-500">Disabled</span>
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Disabled:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-  </Tabs>
-  ```
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let open: boolean = false;
+@prop export let title: string = 'Tab title';
+@prop export let activeClasses: string | undefined = undefined;
+@prop export let inactiveClasses: string | undefined = undefined;
+@prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
 -->

package/dist/tabs/TabItem.svelte.d.ts

@@ -31,51 +31,13 @@ export type TabItemProps = typeof __propDef.props;
 export type TabItemEvents = typeof __propDef.events;
 export type TabItemSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Tab](https://flowbite-svelte.com/docs/components/tab)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop open: boolean = false;
- * @prop title: string = 'Tab title';
- * @prop activeClasses: string | undefined = undefined;
- * @prop inactiveClasses: string | undefined = undefined;
- * @prop defaultClass: string =
- *   'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
- * ## Event
- * - on:blur
- * - on:click
- * - on:contextmenu
- * - on:focus
- * - on:keydown
- * - on:keypress
- * - on:keyup
- * - on:mouseenter
- * - on:mouseleave
- * - on:mouseover
- * ## Example
- * ```
- * <script>
- *   import { Tabs, TabItem } from 'flowbite-svelte';
- * </script>
- *
- * <Tabs>
- *   <TabItem open title="Profile">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Profile:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Settings">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Settings:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Users">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Users:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Dashboard">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Dashboard:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem disabled>
- *     <span slot="title" class="text-gray-400 dark:text-gray-500">Disabled</span>
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Disabled:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- * </Tabs>
- * ```
+ * @prop export let open: boolean = false;
+ * @prop export let title: string = 'Tab title';
+ * @prop export let activeClasses: string | undefined = undefined;
+ * @prop export let inactiveClasses: string | undefined = undefined;
+ * @prop export let defaultClass: string = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
  */
 export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
 }

package/dist/tabs/TabItem.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/TabItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6DD,QAAA,MAAM,SAAS;;;;;wBADgL,MAAM,GAAG,SAAS;0BAAoB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACzK,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"TabItem.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/TabItem.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6DD,QAAA,MAAM,SAAS;;;;;wBADgL,MAAM,GAAG,SAAS;0BAAoB,MAAM,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;CACzK,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/tabs/Tabs.svelte

@@ -50,49 +50,13 @@ $: ulClass = twMerge(defaultClass, style === 'underline' && '-mb-px', $$props.cl
 <div class={contentClass} role="tabpanel" aria-labelledby="id-tab" use:init />
 
 <!--
-  @component
-  ## Features
-  [Go to Tab](https://flowbite-svelte.com/docs/components/tab)
-  - Setup
-  - Default tabs
-  - Tabs with underline
-  - Tabs with icons
-  - Pills tabs
-  - Full width tabs
-  - Components in tab contents
-  - Custom style
-  ## Props
-  @prop style: 'full' | 'pill' | 'underline' | 'none' = 'none';
-  @prop defaultClass: string = 'flex flex-wrap space-x-2';
-  @prop contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
-  @prop divider: boolean = true;
-  @prop activeClasses: string =
-    'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
-  @prop inactiveClasses: string =
-    'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';  
-  ## Example
-  ```
-  <script>
-    import { Tabs, TabItem } from 'flowbite-svelte';
-  </script>
-  
-  <Tabs>
-    <TabItem open title="Profile">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Profile:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Settings">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Settings:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Users">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Users:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem title="Dashboard">
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Dashboard:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-    <TabItem disabled>
-      <span slot="title" class="text-gray-400 dark:text-gray-500">Disabled</span>
-      <p class="text-sm text-gray-500 dark:text-gray-400"><b>Disabled:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
-    </TabItem>
-  </Tabs>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let style: 'full' | 'pill' | 'underline' | 'none' = 'none';
+@prop export let defaultClass: string = 'flex flex-wrap space-x-2';
+@prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
+@prop export let divider: boolean = true;
+@prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
+@prop export let inactiveClasses: string = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
 -->

package/dist/tabs/Tabs.svelte.d.ts

@@ -29,50 +29,14 @@ export type TabsProps = typeof __propDef.props;
 export type TabsEvents = typeof __propDef.events;
 export type TabsSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Tab](https://flowbite-svelte.com/docs/components/tab)
- * - Setup
- * - Default tabs
- * - Tabs with underline
- * - Tabs with icons
- * - Pills tabs
- * - Full width tabs
- * - Components in tab contents
- * - Custom style
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop style: 'full' | 'pill' | 'underline' | 'none' = 'none';
- * @prop defaultClass: string = 'flex flex-wrap space-x-2';
- * @prop contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
- * @prop divider: boolean = true;
- * @prop activeClasses: string =
- *   'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
- * @prop inactiveClasses: string =
- *   'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
- * ## Example
- * ```
- * <script>
- *   import { Tabs, TabItem } from 'flowbite-svelte';
- * </script>
- *
- * <Tabs>
- *   <TabItem open title="Profile">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Profile:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Settings">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Settings:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Users">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Users:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem title="Dashboard">
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Dashboard:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- *   <TabItem disabled>
- *     <span slot="title" class="text-gray-400 dark:text-gray-500">Disabled</span>
- *     <p class="text-sm text-gray-500 dark:text-gray-400"><b>Disabled:</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
- *   </TabItem>
- * </Tabs>
- * ```
+ * @prop export let style: 'full' | 'pill' | 'underline' | 'none' = 'none';
+ * @prop export let defaultClass: string = 'flex flex-wrap space-x-2';
+ * @prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
+ * @prop export let divider: boolean = true;
+ * @prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
+ * @prop export let inactiveClasses: string = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
  */
 export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
 }

package/dist/tabs/Tabs.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/Tabs.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACjC;AAqEH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"Tabs.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/Tabs.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,MAAM,WAAW,UAAU;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;CACjC;AAqEH,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/timeline/Activity.svelte

@@ -8,47 +8,8 @@ let olCls = twMerge(olClass, $$props.class);
 </ol>
 
 <!--
-  @component
-  ## Features
-  [Go to Timeline Activity Log](https://flowbite-svelte.com/docs/components/timeline#Activity_Log)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
-  ## Example
-  ```
-  <script>
-    import { Activity, ActivityItem } from 'flowbite-svelte';
-    let activities = [
-      {
-        title:
-          'Bonnie moved <a href="/" class="font-semibold text-blue-600 dark:text-blue-500 hover:underline">Jese Leos</a> to <span class="bg-gray-100 text-gray-800 text-xs font-normal mr-2 px-2.5 py-0.5 rounded dark:bg-gray-600 dark:text-gray-300">Funny Group</span>',
-        date: 'just now',
-        alt: 'image alt here',
-        src: '/images/profile-picture-2.webp'
-      },
-      {
-        title: 'We don’t serve their kind here! What? Your droids. ',
-        date: '2 hours ago',
-        alt: 'image alt here',
-        src: '/images/profile-picture-2.webp',
-        text: 'The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. '
-      },
-      {
-        title: 'They’ll have to wait outside. We don’t want them here. ',
-        date: '1 day ago',
-        alt: 'image alt here',
-        src: '/images/profile-picture-3.webp'
-      }
-    ];
-  </script>
-
-  <Activity>
-    <ActivityItem {activities} />
-  </Activity>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
 -->

package/dist/timeline/Activity.svelte.d.ts

@@ -15,48 +15,9 @@ export type ActivityProps = typeof __propDef.props;
 export type ActivityEvents = typeof __propDef.events;
 export type ActivitySlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Timeline Activity Log](https://flowbite-svelte.com/docs/components/timeline#Activity_Log)
- * - Setup
- * - Default timeline
- * - Vertical Timeline
- * - Horizontal Timeline
- * - Activity Log
- * - Grouped timeline
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
- * ## Example
- * ```
- * <script>
- *   import { Activity, ActivityItem } from 'flowbite-svelte';
- *   let activities = [
- *     {
- *       title:
- *         'Bonnie moved <a href="/" class="font-semibold text-blue-600 dark:text-blue-500 hover:underline">Jese Leos</a> to <span class="bg-gray-100 text-gray-800 text-xs font-normal mr-2 px-2.5 py-0.5 rounded dark:bg-gray-600 dark:text-gray-300">Funny Group</span>',
- *       date: 'just now',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-2.webp'
- *     },
- *     {
- *       title: 'We don’t serve their kind here! What? Your droids. ',
- *       date: '2 hours ago',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-2.webp',
- *       text: 'The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. '
- *     },
- *     {
- *       title: 'They’ll have to wait outside. We don’t want them here. ',
- *       date: '1 day ago',
- *       alt: 'image alt here',
- *       src: '/images/profile-picture-3.webp'
- *     }
- *   ];
- * </script>
- *
- * <Activity>
- *   <ActivityItem {activities} />
- * </Activity>
- * ```
+ * @prop export let olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
  */
 export default class Activity extends SvelteComponentTyped<ActivityProps, ActivityEvents, ActivitySlots> {
 }

package/dist/timeline/Activity.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Activity.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Activity.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Activity.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/Activity.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/timeline/ActivityItem.svelte

@@ -40,55 +40,16 @@ let textCls = twMerge(textClass, $$props.classText);
 {/each}
 
 <!--
-  @component
-  ## Features
-  [Go to Timeline Activity Log](https://flowbite-svelte.com/docs/components/timeline#Activity_Log)
-  - Setup
-  - Default timeline
-  - Vertical Timeline
-  - Horizontal Timeline
-  - Activity Log
-  - Grouped timeline
-  ## Props
-  @prop activities: ActivityType[];
-  @prop liClass: string';
-  @prop spanClass: string;
-  @prop imgClass: string;
-  @prop outerDivClass: string;
-  @prop innerDivClass: string;
-  @prop timeClass
-  @prop titleClass
-  @prop textClass
-  ## Example
-  ```
-  <script>
-    import { Activity, ActivityItem } from 'flowbite-svelte';
-    let activities = [
-      {
-        title:
-          'Bonnie moved <a href="/" class="font-semibold text-blue-600 dark:text-blue-500 hover:underline">Jese Leos</a> to <span class="bg-gray-100 text-gray-800 text-xs font-normal mr-2 px-2.5 py-0.5 rounded dark:bg-gray-600 dark:text-gray-300">Funny Group</span>',
-        date: 'just now',
-        alt: 'image alt here',
-        src: '/images/profile-picture-2.webp'
-      },
-      {
-        title: 'We don’t serve their kind here! What? Your droids. ',
-        date: '2 hours ago',
-        alt: 'image alt here',
-        src: '/images/profile-picture-2.webp',
-        text: 'The approach will not be easy. You are required to maneuver straight down this trench and skim the surface to this point. The target area is only two meters wide. '
-      },
-      {
-        title: 'They’ll have to wait outside. We don’t want them here. ',
-        date: '1 day ago',
-        alt: 'image alt here',
-        src: '/images/profile-picture-3.webp'
-      }
-    ];
-  </script>
-
-  <Activity>
-    <ActivityItem {activities} />
-  </Activity>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let activities: ActivityType[];
+@prop export let liClass: string = 'mb-10 ml-6';
+@prop export let spanClass: string = 'flex absolute -left-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
+@prop export let imgClass: string = 'rounded-full shadow-lg';
+@prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
+@prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';
+@prop export let timeClass: string = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
+@prop export let titleClass: string = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
+@prop export let textClass: string = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
 -->