flowbite-svelte 0.36.5 → 0.37.2

package/dist/steps/StepIndicator.svelte

@@ -2,10 +2,14 @@
 export let steps = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
 export let currentStep = 1;
 export let size = 'h-2.5';
-export let color = 'blue';
+export let color = 'primary';
 export let glow = false;
 export let hideLabel = false;
+export let completedCustom = '';
+export let currentCustom = '';
 const completedStepColors = {
+    primary: 'bg-primary-500 dark:bg-primary-900',
+    secondary: 'bg-secondary-500 dark:bg-secondary-900',
     gray: 'bg-gray-400 dark:bg-gray-500',
     red: 'bg-red-600 dark:bg-red-900',
     yellow: 'bg-yellow-400 dark:bg-yellow-600',
@@ -13,9 +17,12 @@ const completedStepColors = {
     indigo: 'bg-indigo-500 dark:bg-indigo-900',
     purple: 'bg-purple-500 dark:bg-purple-900',
     pink: 'bg-pink-500 dark:bg-pink-900',
-    blue: 'bg-blue-500 dark:bg-blue-900'
+    blue: 'bg-blue-500 dark:bg-blue-900',
+    custom: completedCustom
 };
 const currentStepColors = {
+    primary: 'bg-primary-800 dark:bg-primary-400',
+    secondary: 'bg-secondary-800 dark:bg-secondary-400',
     gray: 'bg-gray-700 dark:bg-gray-200',
     red: 'bg-red-900 dark:bg-red-500',
     yellow: 'bg-yellow-600 dark:bg-yellow-400',
@@ -23,7 +30,8 @@ const currentStepColors = {
     indigo: 'bg-indigo-800 dark:bg-indigo-400',
     purple: 'bg-purple-800 dark:bg-purple-400',
     pink: 'bg-pink-800 dark:bg-pink-400',
-    blue: 'bg-blue-800 dark:bg-blue-400'
+    blue: 'bg-blue-800 dark:bg-blue-400',
+    custom: currentCustom
 };
 </script>
 
@@ -52,3 +60,40 @@ const currentStepColors = {
     {/each}
   </div>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Step Indicator](https://flowbite-svelte.com/docs/extend/step-indicator)
+  - Setup
+  - Default step indicator
+  - Glow
+  - Hide label
+  - Sizes
+  - Colors
+  ## Props
+  @prop steps: string[] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
+  @prop currentStep = 1;
+  @prop size: string = 'h-2.5';
+  @prop color: 'primary'| 'secondary' |'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom' = 'primary';
+  @prop glow: boolean = false;
+  @prop hideLabel: boolean = false;
+  @prop completedCustom: string = '';
+  @prop currentCustom: string = '';
+  ## Example
+  ```
+  <script>
+    import { StepIndicator } from 'flowbite-svelte'
+    let currentStep = 2;
+    let steps = [
+      'Step 1',
+      'Step 2',
+      'Step 3',
+      'Step 4',
+      'Step 5'
+    ]
+  </script>
+
+  <StepIndicator {currentStep} {steps}/>
+  ```
+-->

package/dist/steps/StepIndicator.svelte.d.ts

@@ -5,9 +5,11 @@ declare const __propDef: {
         steps?: string[] | undefined;
         currentStep?: number | undefined;
         size?: string | undefined;
-        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | undefined;
+        color?: "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "primary" | "custom" | "secondary" | undefined;
         glow?: boolean | undefined;
         hideLabel?: boolean | undefined;
+        completedCustom?: string | undefined;
+        currentCustom?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -17,6 +19,41 @@ declare const __propDef: {
 export type StepIndicatorProps = typeof __propDef.props;
 export type StepIndicatorEvents = typeof __propDef.events;
 export type StepIndicatorSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Step Indicator](https://flowbite-svelte.com/docs/extend/step-indicator)
+ * - Setup
+ * - Default step indicator
+ * - Glow
+ * - Hide label
+ * - Sizes
+ * - Colors
+ * ## Props
+ * @prop steps: string[] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
+ * @prop currentStep = 1;
+ * @prop size: string = 'h-2.5';
+ * @prop color: 'primary'| 'secondary' |'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom' = 'primary';
+ * @prop glow: boolean = false;
+ * @prop hideLabel: boolean = false;
+ * @prop completedCustom: string = '';
+ * @prop currentCustom: string = '';
+ * ## Example
+ * ```
+ * <script>
+ *   import { StepIndicator } from 'flowbite-svelte'
+ *   let currentStep = 2;
+ *   let steps = [
+ *     'Step 1',
+ *     'Step 2',
+ *     'Step 3',
+ *     'Step 4',
+ *     'Step 5'
+ *   ]
+ * </script>
+ *
+ * <StepIndicator {currentStep} {steps}/>
+ * ```
+ */
 export default class StepIndicator extends SvelteComponentTyped<StepIndicatorProps, StepIndicatorEvents, StepIndicatorSlots> {
 }
 export {};

package/dist/steps/StepIndicator.svelte.d.ts.map

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

package/dist/tables/Table.svelte

@@ -6,6 +6,7 @@ export let hoverable = false;
 export let noborder = false;
 export let shadow = false;
 export let color = 'default';
+export let customeColor = '';
 const colors = {
     default: 'text-gray-500 dark:text-gray-400',
     blue: 'text-blue-100 dark:text-blue-100',
@@ -15,7 +16,7 @@ const colors = {
     purple: 'text-purple-100 dark:text-purple-100',
     indigo: 'text-indigo-100 dark:text-indigo-100',
     pink: 'text-pink-100 dark:text-pink-100',
-    custom: ''
+    custom: customeColor
 };
 $: setContext('striped', striped);
 $: setContext('hoverable', hoverable);
@@ -28,3 +29,69 @@ $: setContext('color', color);
     <slot />
   </table>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Table](https://flowbite-svelte.com/docs/components/table)
+  - Setup
+  - Default table
+  - Striped rows
+  - Hover state
+  - Checkbox
+  - Search input
+  - Sorting by column
+  - Table head
+  - Table foot
+  - Table caption
+  - Without border
+  - Table with shadow
+  - Overflow scrolling
+  - Table colors
+  - Striped rows color
+  ## Props
+  @prop divClass: string = 'relative overflow-x-auto';
+  @prop striped: boolean = false;
+  @prop hoverable: boolean = false;
+  @prop noborder: boolean = false;
+  @prop shadow: boolean = false;
+  @prop color: TableColorType = 'default';
+  @prop customeColor: string = '';
+  ## Example
+  ```
+  <script>
+    import { Table, TableBody, TableBodyCell, TableBodyRow, TableHead, TableHeadCell } from 'flowbite-svelte';
+  </script>
+  
+  <Table>
+    <TableHead>
+      <TableHeadCell>Product name</TableHeadCell>
+      <TableHeadCell>Color</TableHeadCell>
+      <TableHeadCell>Category</TableHeadCell>
+      <TableHeadCell>Price</TableHeadCell>
+    </TableHead>
+    <TableBody class="divide-y">
+      <TableBodyRow>
+        <TableBodyCell>Apple MacBook Pro 17"</TableBodyCell>
+        <TableBodyCell>Sliver</TableBodyCell>
+        <TableBodyCell>Laptop</TableBodyCell>
+        <TableBodyCell>$2999</TableBodyCell>
+      </TableBodyRow>
+      <TableBodyRow>
+        <TableBodyCell>Microsoft Surface Pro</TableBodyCell>
+        <TableBodyCell>White</TableBodyCell>
+        <TableBodyCell>Laptop PC</TableBodyCell>
+        <TableBodyCell>$1999</TableBodyCell>
+      </TableBodyRow>
+      <TableBodyRow>
+        <TableBodyCell>Magic Mouse 2</TableBodyCell>
+        <TableBodyCell>Black</TableBodyCell>
+        <TableBodyCell>Accessories</TableBodyCell>
+        <TableBodyCell>$99</TableBodyCell>
+      </TableBodyRow>
+    </TableBody>
+  </Table>
+  ```
+  
+  
+-->

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

@@ -9,6 +9,7 @@ declare const __propDef: {
         noborder?: boolean | undefined;
         shadow?: boolean | undefined;
         color?: TableColorType | undefined;
+        customeColor?: string | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -20,6 +21,68 @@ declare const __propDef: {
 export type TableProps = typeof __propDef.props;
 export type TableEvents = typeof __propDef.events;
 export type TableSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Table](https://flowbite-svelte.com/docs/components/table)
+ * - Setup
+ * - Default table
+ * - Striped rows
+ * - Hover state
+ * - Checkbox
+ * - Search input
+ * - Sorting by column
+ * - Table head
+ * - Table foot
+ * - Table caption
+ * - Without border
+ * - Table with shadow
+ * - Overflow scrolling
+ * - Table colors
+ * - Striped rows color
+ * ## Props
+ * @prop divClass: string = 'relative overflow-x-auto';
+ * @prop striped: boolean = false;
+ * @prop hoverable: boolean = false;
+ * @prop noborder: boolean = false;
+ * @prop shadow: boolean = false;
+ * @prop color: TableColorType = 'default';
+ * @prop customeColor: string = '';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Table, TableBody, TableBodyCell, TableBodyRow, TableHead, TableHeadCell } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Table>
+ *   <TableHead>
+ *     <TableHeadCell>Product name</TableHeadCell>
+ *     <TableHeadCell>Color</TableHeadCell>
+ *     <TableHeadCell>Category</TableHeadCell>
+ *     <TableHeadCell>Price</TableHeadCell>
+ *   </TableHead>
+ *   <TableBody class="divide-y">
+ *     <TableBodyRow>
+ *       <TableBodyCell>Apple MacBook Pro 17"</TableBodyCell>
+ *       <TableBodyCell>Sliver</TableBodyCell>
+ *       <TableBodyCell>Laptop</TableBodyCell>
+ *       <TableBodyCell>$2999</TableBodyCell>
+ *     </TableBodyRow>
+ *     <TableBodyRow>
+ *       <TableBodyCell>Microsoft Surface Pro</TableBodyCell>
+ *       <TableBodyCell>White</TableBodyCell>
+ *       <TableBodyCell>Laptop PC</TableBodyCell>
+ *       <TableBodyCell>$1999</TableBodyCell>
+ *     </TableBodyRow>
+ *     <TableBodyRow>
+ *       <TableBodyCell>Magic Mouse 2</TableBodyCell>
+ *       <TableBodyCell>Black</TableBodyCell>
+ *       <TableBodyCell>Accessories</TableBodyCell>
+ *       <TableBodyCell>$99</TableBodyCell>
+ *     </TableBodyRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ */
 export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/Table.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAwC/C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}
+{"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tables/Table.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AA2C/C,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

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