flowbite-svelte 0.36.5 → 0.37.1

package/dist/tables/TableBody.svelte

@@ -4,3 +4,11 @@
 <tbody class={tableBodyClass}>
   <slot />
 </tbody>
+
+<!--
+  @component
+  ## Features
+  [Go to Table](https://flowbite-svelte.com/docs/components/table)
+  ## Props
+  @prop tableBodyClass: string | undefined = undefined;
+-->

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

@@ -13,6 +13,12 @@ declare const __propDef: {
 export type TableBodyProps = typeof __propDef.props;
 export type TableBodyEvents = typeof __propDef.events;
 export type TableBodySlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * ## Props
+ * @prop tableBodyClass: string | undefined = undefined;
+ */
 export default class TableBody extends SvelteComponentTyped<TableBodyProps, TableBodyEvents, TableBodySlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBody.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAWD,QAAA,MAAM,SAAS;;yBADuD,MAAM,GAAG,SAAS;;;;;;;;CACjC,CAAC;AACxD,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":"TableBody.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBody.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAaD,QAAA,MAAM,SAAS;;yBADuD,MAAM,GAAG,SAAS;;;;;;;;CACjC,CAAC;AACxD,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/TableBodyCell.svelte

@@ -22,3 +22,20 @@ $: tdClassfinal = classNames(tdClass, color === 'default'
   on:mouseover>
   <slot />
 </td>
+
+<!--
+  @component
+  ## Features
+  [Go to Table](https://flowbite-svelte.com/docs/components/table)
+  ## Props
+  @prop tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
+  ## Event
+  - on:click
+  - on:focus
+  - on:keydown
+  - on:keypress
+  - on:keyup
+  - on:mouseenter
+  - on:mouseleave
+  - on:mouseover
+-->

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

@@ -23,6 +23,21 @@ declare const __propDef: {
 export type TableBodyCellProps = typeof __propDef.props;
 export type TableBodyCellEvents = typeof __propDef.events;
 export type TableBodyCellSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * ## Props
+ * @prop tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
+ * ## Event
+ * - on:click
+ * - on:focus
+ * - on:keydown
+ * - on:keypress
+ * - on:keyup
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:mouseover
+ */
 export default class TableBodyCell extends SvelteComponentTyped<TableBodyCellProps, TableBodyCellEvents, TableBodyCellSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TableBodyCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,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,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}
+{"version":3,"file":"TableBodyCell.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableBodyCell.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA8BD,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"}

package/dist/tables/TableBodyRow.svelte

@@ -35,3 +35,11 @@ $: trClass = classNames(!getContext('noborder') && 'border-b last:border-b-0', c
 <tr {...$$restProps} class={trClass} on:click on:contextmenu>
   <slot />
 </tr>
+
+<!--
+  @component
+  ## Features
+  [Go to Table](https://flowbite-svelte.com/docs/components/table)
+  ## Props
+  @prop color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
+-->

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

@@ -17,6 +17,12 @@ declare const __propDef: {
 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)
+ * ## Props
+ * @prop color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
+ */
 export default class TableBodyRow extends SvelteComponentTyped<TableBodyRowProps, TableBodyRowEvents, TableBodyRowSlots> {
 }
 export {};

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

package/dist/tables/TableHead.svelte

@@ -40,3 +40,12 @@ $: theadClassfinal = classNames(theadClass, textColor, striped && borderColors,
     <slot />
   {/if}
 </thead>
+
+<!--
+  @component
+  ## Features
+  [Go to Table](https://flowbite-svelte.com/docs/components/table)
+  ## Props
+  @prop theadClass: string = 'text-xs uppercase';
+  @prop defaultRow: boolean = true;
+-->

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

@@ -15,6 +15,13 @@ declare const __propDef: {
 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)
+ * ## Props
+ * @prop theadClass: string = 'text-xs uppercase';
+ * @prop defaultRow: boolean = true;
+ */
 export default class TableHead extends SvelteComponentTyped<TableHeadProps, TableHeadEvents, TableHeadSlots> {
 }
 export {};

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;AA6DD,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":"TableHead.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableHead.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+DD,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"}

package/dist/tables/TableHeadCell.svelte

@@ -15,3 +15,20 @@ export let padding = 'px-6 py-3';
   on:mouseover>
   <slot />
 </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
+-->

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

@@ -23,6 +23,21 @@ declare const __propDef: {
 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)
+ * ## 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
+ */
 export default class TableHeadCell extends SvelteComponentTyped<TableHeadCellProps, TableHeadCellEvents, TableHeadCellSlots> {
 }
 export {};

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;AAcD,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,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

package/dist/tables/TableSearch.svelte

@@ -5,6 +5,7 @@ export let inputValue = '';
 export let striped = false;
 export let hoverable = false;
 export let placeholder = 'Search';
+export let customColor = '';
 export let color = 'default';
 const colors = {
     default: 'text-gray-500 dark:text-gray-400',
@@ -13,7 +14,7 @@ const colors = {
     red: 'text-red-100 dark:text-red-100',
     yellow: 'text-yellow-100 dark:text-yellow-100',
     purple: 'text-purple-100 dark:text-purple-100',
-    custom: ''
+    custom: customColor
 };
 $: setContext('striped', striped);
 $: setContext('hoverable', hoverable);
@@ -47,3 +48,17 @@ $: setContext('color', color);
     <slot />
   </table>
 </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';
+-->

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

@@ -7,6 +7,7 @@ declare const __propDef: {
         striped?: boolean | undefined;
         hoverable?: boolean | undefined;
         placeholder?: string | undefined;
+        customColor?: string | undefined;
         color?: "red" | "yellow" | "green" | "purple" | "blue" | "default" | "custom" | undefined;
     };
     events: {
@@ -19,6 +20,18 @@ declare const __propDef: {
 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)
+ * ## 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';
+ */
 export default class TableSearch extends SvelteComponentTyped<TableSearchProps, TableSearchEvents, TableSearchSlots> {
 }
 export {};

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;AA+CD,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":"TableSearch.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/TableSearch.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkDD,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"}

package/dist/tabs/TabItem.svelte

@@ -52,3 +52,53 @@ $: buttonClass = classNames(defaultClass, open ? activeClasses ?? ctx.activeClas
     </div>
   {/if}
 </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>
+  ```
+  
+-->

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

@@ -30,6 +30,53 @@ declare const __propDef: {
 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)
+ * ## 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>
+ * ```
+ */
 export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
 }
 export {};

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;AA4DD,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,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;AA8DD,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"}

package/dist/tabs/Tabs.svelte

@@ -48,3 +48,51 @@ $: ulClass = classNames(defaultClass, style === 'underline' && '-mb-px', $$props
   </slot>
 {/if}
 <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-blue-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-blue-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>
+  ```
+-->

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

@@ -28,6 +28,52 @@ declare const __propDef: {
 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
+ * ## 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-blue-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-blue-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>
+ * ```
+ */
 export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
 }
 export {};

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

package/dist/timeline/Activity.svelte

@@ -4,3 +4,49 @@
 <ol class={olClass}>
   <slot />
 </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>
+  ```
+-->

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

@@ -13,6 +13,50 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class Activity extends SvelteComponentTyped<ActivityProps, ActivityEvents, ActivitySlots> {
 }
 export {};

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;AAWD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,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,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;AAaD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,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"}