flowbite-svelte 0.44.1 → 0.44.4

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -32,49 +32,19 @@ export type SpeedDialProps = typeof __propDef.props;
 export type SpeedDialEvents = typeof __propDef.events;
 export type SpeedDialSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Speed Dial](https://flowbite-svelte.com/docs/components/speed-dial)
- * - Default speed dial
- * - Colors
- * - Square speed dial
- * - Text inside button
- * - Text outside button
- * - Dropdown menu
- * - Alternative menu
- * - Alignment - Position
- * - Triggering
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop defaultClass: string = 'fixed right-6 bottom-6';
- * @prop popperDefaultClass: string = 'flex items-center mb-4 gap-2';
- * @prop placement: Placement = 'top';
- * @prop pill: boolean = true;
- * @prop tooltip: Placement | 'none' = 'left';
- * @prop trigger: 'hover' | 'click' = 'hover';
- * @prop textOutside: boolean = false;
- * @prop id: string = generateId();
- * @prop name: string = 'Open actions menu';
- * @prop gradient: boolean = false;
- * ## Example
- * ```
- * <script>
- *   import { SpeedDial, SpeedDialButton } from 'flowbite-svelte'
- * </script>
- *
- * <SpeedDial defaultClass="absolute right-6 bottom-6">
- *     <SpeedDialButton name="Share">
- *         <svg aria-hidden="true" class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Print">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z" clip-rule="evenodd"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Download">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2h-5L9 4H4zm7 5a1 1 0 00-2 0v1.586l-.293-.293a.999.999 0 10-1.414 1.414l2 2a.999.999 0 001.414 0l2-2a.999.999 0 10-1.414-1.414l-.293.293V9z" fill-rule="evenodd"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Copy">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"></path><path d="M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"></path></svg>
- *     </SpeedDialButton>
- * </SpeedDial>
- * ```
+ * @prop export let defaultClass: string = 'fixed right-6 bottom-6';
+ * @prop export let popperDefaultClass: string = 'flex items-center mb-4 gap-2';
+ * @prop export let placement: Placement = 'top';
+ * @prop export let pill: boolean = true;
+ * @prop export let tooltip: Placement | 'none' = 'left';
+ * @prop export let trigger: 'hover' | 'click' = 'hover';
+ * @prop export let textOutside: boolean = false;
+ * @prop export let id: string = generateId();
+ * @prop export let name: string = 'Open actions menu';
+ * @prop export let gradient: boolean = false;
+ * @prop export let open: boolean = false;
  */
 export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps, SpeedDialEvents, SpeedDialSlots> {
 }

package/dist/speed-dial/SpeedDial.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAsEH,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}
+{"version":3,"file":"SpeedDial.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDial.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAsEH,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;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/speed-dial/SpeedDialButton.svelte

@@ -30,36 +30,14 @@ $: btnClass = twMerge(btnDefaultClass, tooltip === 'none' && 'flex-col', textOut
 {/if}
 
 <!--
-  @component
-  ## Features
-  [Go to Speed Dial](https://flowbite-svelte.com/docs/components/speed-dial)
-  ## Props
-  @prop btnDefaultClass: string = 'w-[52px] h-[52px] shadow-sm !p-2';
-  @prop name: string = '';
-  @prop tooltip: Placement | 'none' = context.tooltip;
-  @prop pill: boolean = context.pill;
-  @prop textOutside: boolean = context.textOutside;
-  @prop textOutsideClass: string = 'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
-  @prop textDefaultClass: string = 'block mb-px text-xs font-medium';
-  ## Example
-  ```
-  <script>
-    import { SpeedDial, SpeedDialButton } from 'flowbite-svelte'
-  </script>
-
-  <SpeedDial defaultClass="absolute right-6 bottom-6">
-      <SpeedDialButton name="Share">
-          <svg aria-hidden="true" class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Print">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z" clip-rule="evenodd"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Download">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2h-5L9 4H4zm7 5a1 1 0 00-2 0v1.586l-.293-.293a.999.999 0 10-1.414 1.414l2 2a.999.999 0 001.414 0l2-2a.999.999 0 10-1.414-1.414l-.293.293V9z" fill-rule="evenodd"></path></svg>
-      </SpeedDialButton>
-      <SpeedDialButton name="Copy">
-          <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"></path><path d="M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"></path></svg>
-      </SpeedDialButton>
-  </SpeedDial>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let btnDefaultClass: string = 'w-[52px] h-[52px] shadow-sm !p-2';
+@prop export let name: string = '';
+@prop export let tooltip: Placement | 'none' = context.tooltip;
+@prop export let pill: boolean = context.pill;
+@prop export let textOutside: boolean = context.textOutside;
+@prop export let textOutsideClass: string = 'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
+@prop export let textDefaultClass: string = 'block mb-px text-xs font-medium';
 -->

package/dist/speed-dial/SpeedDialButton.svelte.d.ts

@@ -24,37 +24,15 @@ export type SpeedDialButtonProps = typeof __propDef.props;
 export type SpeedDialButtonEvents = typeof __propDef.events;
 export type SpeedDialButtonSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Speed Dial](https://flowbite-svelte.com/docs/components/speed-dial)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop btnDefaultClass: string = 'w-[52px] h-[52px] shadow-sm !p-2';
- * @prop name: string = '';
- * @prop tooltip: Placement | 'none' = context.tooltip;
- * @prop pill: boolean = context.pill;
- * @prop textOutside: boolean = context.textOutside;
- * @prop textOutsideClass: string = 'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
- * @prop textDefaultClass: string = 'block mb-px text-xs font-medium';
- * ## Example
- * ```
- * <script>
- *   import { SpeedDial, SpeedDialButton } from 'flowbite-svelte'
- * </script>
- *
- * <SpeedDial defaultClass="absolute right-6 bottom-6">
- *     <SpeedDialButton name="Share">
- *         <svg aria-hidden="true" class="w-6 h-6 " fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15 8a3 3 0 10-2.977-2.63l-4.94 2.47a3 3 0 100 4.319l4.94 2.47a3 3 0 10.895-1.789l-4.94-2.47a3.027 3.027 0 000-.74l4.94-2.47C13.456 7.68 14.19 8 15 8z"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Print">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z" clip-rule="evenodd"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Download">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4 4a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V8a2 2 0 00-2-2h-5L9 4H4zm7 5a1 1 0 00-2 0v1.586l-.293-.293a.999.999 0 10-1.414 1.414l2 2a.999.999 0 001.414 0l2-2a.999.999 0 10-1.414-1.414l-.293.293V9z" fill-rule="evenodd"></path></svg>
- *     </SpeedDialButton>
- *     <SpeedDialButton name="Copy">
- *         <svg aria-hidden="true" class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 9a2 2 0 012-2h6a2 2 0 012 2v6a2 2 0 01-2 2H9a2 2 0 01-2-2V9z"></path><path d="M5 3a2 2 0 00-2 2v6a2 2 0 002 2V5h8a2 2 0 00-2-2H5z"></path></svg>
- *     </SpeedDialButton>
- * </SpeedDial>
- * ```
+ * @prop export let btnDefaultClass: string = 'w-[52px] h-[52px] shadow-sm !p-2';
+ * @prop export let name: string = '';
+ * @prop export let tooltip: Placement | 'none' = context.tooltip;
+ * @prop export let pill: boolean = context.pill;
+ * @prop export let textOutside: boolean = context.textOutside;
+ * @prop export let textOutsideClass: string = 'block absolute -left-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
+ * @prop export let textDefaultClass: string = 'block mb-px text-xs font-medium';
  */
 export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps, SpeedDialButtonEvents, SpeedDialButtonSlots> {
 }

package/dist/speed-dial/SpeedDialButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA8ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}
+{"version":3,"file":"SpeedDialButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/speed-dial/SpeedDialButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAGD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA8ClD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/spinners/Spinner.svelte

@@ -31,27 +31,13 @@ let fillColorClass = color === undefined ? '' : fillColorClasses[color] ?? fillC
 </svg>
 
 <!--
-  @component
-  ## Features
-  [Go to Spinner](https://flowbite-svelte.com/docs/components/spinner)
-  - Setup
-  - Default spinner
-  - Colors
-  - Sizes
-  - Alignment
-  - Buttons
-  ## Props
-  @prop color: | 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink'| 'purple' | 'white' | 'custom' | undefined = 'primary';
-  @prop bg: string = 'text-gray-300';
-  @prop customColor: string = '';
-  @prop size: string = '8';
-  @prop currentFill: string = 'currentFill';
-  @prop currentColor: string = 'currentColor';
-  ## Example
-  ```
-  <script>
-    import { Spinner } from 'flowbite-svelte';
-  </script>
-  <Spinner />
-```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined = 'primary';
+@prop export let bg: string = 'text-gray-300';
+@prop export let customColor: string = '';
+@prop export let size: string = '8';
+@prop export let currentFill: string = 'currentFill';
+@prop export let currentColor: string = 'currentColor';
 -->

package/dist/spinners/Spinner.svelte.d.ts

@@ -18,28 +18,14 @@ export type SpinnerProps = typeof __propDef.props;
 export type SpinnerEvents = typeof __propDef.events;
 export type SpinnerSlots = typeof __propDef.slots;
 /**
- * ## Features
- * [Go to Spinner](https://flowbite-svelte.com/docs/components/spinner)
- * - Setup
- * - Default spinner
- * - Colors
- * - Sizes
- * - Alignment
- * - Buttons
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop color: | 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink'| 'purple' | 'white' | 'custom' | undefined = 'primary';
- * @prop bg: string = 'text-gray-300';
- * @prop customColor: string = '';
- * @prop size: string = '8';
- * @prop currentFill: string = 'currentFill';
- * @prop currentColor: string = 'currentColor';
- * ## Example
- * ```
- * <script>
- *   import { Spinner } from 'flowbite-svelte';
- * </script>
- * <Spinner />
- * ```
+ * @prop export let color: 'primary' | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined = 'primary';
+ * @prop export let bg: string = 'text-gray-300';
+ * @prop export let customColor: string = '';
+ * @prop export let size: string = '8';
+ * @prop export let currentFill: string = 'currentFill';
+ * @prop export let currentColor: string = 'currentColor';
  */
 export default class Spinner extends SvelteComponentTyped<SpinnerProps, SpinnerEvents, SpinnerSlots> {
 }

package/dist/spinners/Spinner.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/spinners/Spinner.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6CD,QAAA,MAAM,SAAS;;;gBADqI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;;;;;;;;;CACnL,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;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/spinners/Spinner.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6CD,QAAA,MAAM,SAAS;;;gBADqI,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS;;;;;;;;;;;CACnL,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;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/steps/StepIndicator.svelte

@@ -58,38 +58,15 @@ const currentStepColors = {
 </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}/>
-  ```
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let steps: string[] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
+@prop export let currentStep = 1;
+@prop export let size: string = 'h-2.5';
+@prop export let color: 'primary' | 'secondary' | 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom' = 'primary';
+@prop export let glow: boolean = false;
+@prop export let hideLabel: boolean = false;
+@prop export let completedCustom: string = '';
+@prop export let currentCustom: string = '';
 -->

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

@@ -20,39 +20,16 @@ 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
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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}/>
- * ```
+ * @prop export let steps: string[] = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
+ * @prop export let currentStep = 1;
+ * @prop export let size: string = 'h-2.5';
+ * @prop export let color: 'primary' | 'secondary' | 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'custom' = 'primary';
+ * @prop export let glow: boolean = false;
+ * @prop export let hideLabel: boolean = false;
+ * @prop export let completedCustom: string = '';
+ * @prop export let currentCustom: string = '';
  */
 export default class StepIndicator extends SvelteComponentTyped<StepIndicatorProps, StepIndicatorEvents, StepIndicatorSlots> {
 }

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

package/dist/tables/Table.svelte

@@ -31,67 +31,14 @@ $: setContext('color', color);
 </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>
-  ```
-  
-  
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let divClass: string = 'relative overflow-x-auto';
+@prop export let striped: boolean = false;
+@prop export let hoverable: boolean = false;
+@prop export let noborder: boolean = false;
+@prop export let shadow: boolean = false;
+@prop export let color: TableColorType = 'default';
+@prop export let customeColor: string = '';
 -->

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

@@ -22,66 +22,15 @@ 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
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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>
- * ```
+ * @prop export let divClass: string = 'relative overflow-x-auto';
+ * @prop export let striped: boolean = false;
+ * @prop export let hoverable: boolean = false;
+ * @prop export let noborder: boolean = false;
+ * @prop export let shadow: boolean = false;
+ * @prop export let color: TableColorType = 'default';
+ * @prop export let customeColor: string = '';
  */
 export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
 }

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;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"}
+{"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;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/tables/TableBody.svelte

@@ -6,9 +6,8 @@
 </tbody>
 
 <!--
-  @component
-  ## Features
-  [Go to Table](https://flowbite-svelte.com/docs/components/table)
-  ## Props
-  @prop tableBodyClass: string | undefined = undefined;
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let tableBodyClass: string | undefined = undefined;
 -->

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

@@ -14,10 +14,9 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop tableBodyClass: string | undefined = undefined;
+ * @prop export let tableBodyClass: string | undefined = undefined;
  */
 export default class TableBody extends SvelteComponentTyped<TableBodyProps, TableBodyEvents, TableBodySlots> {
 }

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

package/dist/tables/TableBodyCell.svelte

@@ -12,18 +12,8 @@ $: tdClassfinal = twMerge(tdClass, color === 'default' ? 'text-gray-900 dark:tex
 </svelte:element>
 
 <!--
-  @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
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
 -->

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

@@ -17,19 +17,9 @@ 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)
+ * [Go to docs](https://flowbite-svelte.com/)
  * ## 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
+ * @prop export let tdClass: string = 'px-6 py-4 whitespace-nowrap font-medium ';
  */
 export default class TableBodyCell extends SvelteComponentTyped<TableBodyCellProps, TableBodyCellEvents, TableBodyCellSlots> {
 }

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

@@ -37,9 +37,8 @@ $: trClass = twMerge([!getContext('noborder') && 'border-b last:border-b-0', col
 </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');
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let color: 'blue' | 'green' | 'red' | 'yellow' | 'purple' | 'default' | 'custom' = getContext('color');
 -->