flowbite-svelte 0.36.5 → 0.37.2

package/dist/timeline/TimelineItemVertical.svelte

@@ -30,3 +30,91 @@ export let date;
   <time class="block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500">{date}</time>
   <slot />
 </li>
+
+<!--
+  @component
+  ## Features
+  [Go to Vertical Timeline](https://flowbite-svelte.com/docs/components/timeline#Vertical_Timeline)
+  - Setup
+  - Default timeline
+  - Vertical Timeline
+  - Horizontal Timeline
+  - Activity Log
+  - Grouped timeline
+  ## Props
+  @prop title: string;
+  @prop date: string;
+  ## Example
+  ```
+  <script>
+    import { Timeline, TimelineItem } from 'flowbite-svelte';
+  </script>
+
+  <Timeline order="vertical">
+    <TimelineItem title="Flowbite Application UI v2.0.0" date="Released on January 13th, 2022">
+      <svelte:fragment slot="icon">
+        <span
+          class="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">
+          <svg
+            aria-hidden="true"
+            class="w-3 h-3 text-blue-600 dark:text-blue-400"
+            fill="currentColor"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+            ><path
+              fill-rule="evenodd"
+              d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+              clip-rule="evenodd" /></svg>
+        </span>
+      </svelte:fragment>
+      <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
+        Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
+        and pre-order E-commerce & Marketing pages.
+      </p>
+    </TimelineItem>
+    <TimelineItem title="Flowbite Figma v1.3.0" date="Released on December 7th, 2021">
+      <svelte:fragment slot="icon">
+        <span
+          class="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">
+          <svg
+            aria-hidden="true"
+            class="w-3 h-3 text-blue-600 dark:text-blue-400"
+            fill="currentColor"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+            ><path
+              fill-rule="evenodd"
+              d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+              clip-rule="evenodd" /></svg>
+        </span>
+      </svelte:fragment>
+      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
+        All of the pages and components are first designed in Figma and we keep a parity between the
+        two versions even as we update the project.
+      </p>
+    </TimelineItem>
+    <TimelineItem title="Flowbite Library v1.2.2" date="Released on December 2nd, 2021">
+      <svelte:fragment slot="icon">
+        <span
+          class="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">
+          <svg
+            aria-hidden="true"
+            class="w-3 h-3 text-blue-600 dark:text-blue-400"
+            fill="currentColor"
+            viewBox="0 0 20 20"
+            xmlns="http://www.w3.org/2000/svg"
+            ><path
+              fill-rule="evenodd"
+              d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+              clip-rule="evenodd" /></svg>
+        </span>
+      </svelte:fragment>
+      <p class="text-base font-normal text-gray-500 dark:text-gray-400">
+        Get started with dozens of web components and interactive elements built on top of Tailwind
+        CSS.
+      </p>
+    </TimelineItem>
+  </Timeline>
+  ```
+  
+-->

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

@@ -15,6 +15,91 @@ declare const __propDef: {
 export type TimelineItemVerticalProps = typeof __propDef.props;
 export type TimelineItemVerticalEvents = typeof __propDef.events;
 export type TimelineItemVerticalSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Vertical Timeline](https://flowbite-svelte.com/docs/components/timeline#Vertical_Timeline)
+ * - Setup
+ * - Default timeline
+ * - Vertical Timeline
+ * - Horizontal Timeline
+ * - Activity Log
+ * - Grouped timeline
+ * ## Props
+ * @prop title: string;
+ * @prop date: string;
+ * ## Example
+ * ```
+ * <script>
+ *   import { Timeline, TimelineItem } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Timeline order="vertical">
+ *   <TimelineItem title="Flowbite Application UI v2.0.0" date="Released on January 13th, 2022">
+ *     <svelte:fragment slot="icon">
+ *       <span
+ *         class="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">
+ *         <svg
+ *           aria-hidden="true"
+ *           class="w-3 h-3 text-blue-600 dark:text-blue-400"
+ *           fill="currentColor"
+ *           viewBox="0 0 20 20"
+ *           xmlns="http://www.w3.org/2000/svg"
+ *           ><path
+ *             fill-rule="evenodd"
+ *             d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+ *             clip-rule="evenodd" /></svg>
+ *       </span>
+ *     </svelte:fragment>
+ *     <p class="mb-4 text-base font-normal text-gray-500 dark:text-gray-400">
+ *       Get access to over 20+ pages including a dashboard layout, charts, kanban board, calendar,
+ *       and pre-order E-commerce & Marketing pages.
+ *     </p>
+ *   </TimelineItem>
+ *   <TimelineItem title="Flowbite Figma v1.3.0" date="Released on December 7th, 2021">
+ *     <svelte:fragment slot="icon">
+ *       <span
+ *         class="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">
+ *         <svg
+ *           aria-hidden="true"
+ *           class="w-3 h-3 text-blue-600 dark:text-blue-400"
+ *           fill="currentColor"
+ *           viewBox="0 0 20 20"
+ *           xmlns="http://www.w3.org/2000/svg"
+ *           ><path
+ *             fill-rule="evenodd"
+ *             d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+ *             clip-rule="evenodd" /></svg>
+ *       </span>
+ *     </svelte:fragment>
+ *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
+ *       All of the pages and components are first designed in Figma and we keep a parity between the
+ *       two versions even as we update the project.
+ *     </p>
+ *   </TimelineItem>
+ *   <TimelineItem title="Flowbite Library v1.2.2" date="Released on December 2nd, 2021">
+ *     <svelte:fragment slot="icon">
+ *       <span
+ *         class="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">
+ *         <svg
+ *           aria-hidden="true"
+ *           class="w-3 h-3 text-blue-600 dark:text-blue-400"
+ *           fill="currentColor"
+ *           viewBox="0 0 20 20"
+ *           xmlns="http://www.w3.org/2000/svg"
+ *           ><path
+ *             fill-rule="evenodd"
+ *             d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"
+ *             clip-rule="evenodd" /></svg>
+ *       </span>
+ *     </svelte:fragment>
+ *     <p class="text-base font-normal text-gray-500 dark:text-gray-400">
+ *       Get started with dozens of web components and interactive elements built on top of Tailwind
+ *       CSS.
+ *     </p>
+ *   </TimelineItem>
+ * </Timeline>
+ * ```
+ */
 export default class TimelineItemVertical extends SvelteComponentTyped<TimelineItemVerticalProps, TimelineItemVerticalEvents, TimelineItemVerticalSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TimelineItemVertical.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemVertical.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;eADwC,MAAM;cAAQ,MAAM;;;;;;;;;CACpB,CAAC;AACxD,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}
+{"version":3,"file":"TimelineItemVertical.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/timeline/TimelineItemVertical.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;eADwC,MAAM;cAAQ,MAAM;;;;;;;;;CACpB,CAAC;AACxD,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/D,MAAM,MAAM,0BAA0B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjE,MAAM,MAAM,yBAAyB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,oBAAoB,CAAC,yBAAyB,EAAE,0BAA0B,EAAE,yBAAyB,CAAC;CACvJ"}

package/dist/toasts/Toast.svelte

@@ -41,3 +41,43 @@ $: iconClass = classNames(defaultIconClass);
     </div>
   </Frame>
 {/if}
+
+<!--
+  @component
+  ## Features
+  [Go to Toast](https://flowbite-svelte.com/docs/components/toast)
+  - Setup
+  - Default toast
+  - Simple toast
+  - Colors
+  - Icons
+  - Autohide example
+  - Transitions
+  - Blur examples
+  - Fly examples
+  - Undo button
+  - Extra content
+  - Toast message
+  - Push notification
+  - Interactive toast
+  - Positioning
+  ## Props
+  @prop simple: boolean = false;
+  @prop position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
+  @prop open: boolean = true;
+  @prop divClass: string = 'w-full max-w-xs p-4';
+  @prop defaultIconClass: string = 'inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3';
+  ## Example
+  ```
+  <script>
+    import { Toast } from 'flowbite-svelte';
+  </script>
+  <Toast>
+    <svelte:fragment slot="icon">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" /><path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
+      </svg>
+    </svelte:fragment>
+    Dismissable user notification.
+  </Toast>
+  ```
+-->

package/dist/toasts/Toast.svelte.d.ts

@@ -259,6 +259,44 @@ declare const __propDef: {
 export type ToastProps = typeof __propDef.props;
 export type ToastEvents = typeof __propDef.events;
 export type ToastSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Toast](https://flowbite-svelte.com/docs/components/toast)
+ * - Setup
+ * - Default toast
+ * - Simple toast
+ * - Colors
+ * - Icons
+ * - Autohide example
+ * - Transitions
+ * - Blur examples
+ * - Fly examples
+ * - Undo button
+ * - Extra content
+ * - Toast message
+ * - Push notification
+ * - Interactive toast
+ * - Positioning
+ * ## Props
+ * @prop simple: boolean = false;
+ * @prop position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
+ * @prop open: boolean = true;
+ * @prop divClass: string = 'w-full max-w-xs p-4';
+ * @prop defaultIconClass: string = 'inline-flex items-center justify-center flex-shrink-0 w-8 h-8 mr-3';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Toast } from 'flowbite-svelte';
+ * </script>
+ * <Toast>
+ *   <svelte:fragment slot="icon">
+ *     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M15.362 5.214A8.252 8.252 0 0112 21 8.25 8.25 0 016.038 7.048 8.287 8.287 0 009 9.6a8.983 8.983 0 013.361-6.867 8.21 8.21 0 003 2.48z" /><path stroke-linecap="round" stroke-linejoin="round" d="M12 18a3.75 3.75 0 00.495-7.467 5.99 5.99 0 00-1.925 3.546 5.974 5.974 0 01-2.133-1A3.75 3.75 0 0012 18z" />
+ *     </svg>
+ *   </svelte:fragment>
+ *   Dismissable user notification.
+ * </Toast>
+ * ```
+ */
 export default class Toast extends SvelteComponentTyped<ToastProps, ToastEvents, ToastSlots> {
 }
 export {};

package/dist/toasts/Toast.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toasts/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toasts/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsED,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/toolbar/Toolbar.svelte

@@ -30,3 +30,30 @@ $: separatorsClass = classNames($separators && 'sm:divide-x', divideColors[color
   </div>
   <slot name="end" />
 </Frame>
+
+<!--
+  @component
+  ## Features
+  [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+  - Setup
+  - Default toolbar
+  - Colored toolbars
+  - Toolbar with groups
+  - WYSIWYG Editor
+  - Comment box
+  ## Props
+  @prop color: ToolbarColorType = 'dark';
+  @prop embedded: boolean = false;
+  ## Example
+  ```
+  <script>
+    import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+  </script>
+  
+  <Toolbar>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+  </Toolbar>
+  ```
+-->

package/dist/toolbar/Toolbar.svelte.d.ts

@@ -255,6 +255,31 @@ declare const __propDef: {
 export type ToolbarProps = typeof __propDef.props;
 export type ToolbarEvents = typeof __propDef.events;
 export type ToolbarSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+ * - Setup
+ * - Default toolbar
+ * - Colored toolbars
+ * - Toolbar with groups
+ * - WYSIWYG Editor
+ * - Comment box
+ * ## Props
+ * @prop color: ToolbarColorType = 'dark';
+ * @prop embedded: boolean = false;
+ * ## Example
+ * ```
+ * <script>
+ *   import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Toolbar>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+ * </Toolbar>
+ * ```
+ */
 export default class Toolbar extends SvelteComponentTyped<ToolbarProps, ToolbarEvents, ToolbarSlots> {
 }
 export {};

package/dist/toolbar/Toolbar.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAvCJ,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAC1F,OAAO;;;;;;;;;CAsCkC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAzCJ,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAC1F,OAAO;;;;;;;;;CAwCkC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/toolbar/ToolbarButton.svelte

@@ -46,3 +46,33 @@ const svgSizes = {
     <slot svgSize={svgSizes[size]} />
   </button>
 {/if}
+
+<!--
+  @component
+  ## Features
+  [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+  - Setup
+  - Default toolbar
+  - Colored toolbars
+  - Toolbar with groups
+  - WYSIWYG Editor
+  - Comment box
+  ## Props
+  @prop color: ToolbarButtonType = 'default';
+  @prop name: string | undefined = undefined;
+  @prop ariaLabel: string | undefined = undefined;
+  @prop size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
+  @prop href: string | undefined = undefined;
+  ## Example
+  ```
+  <script>
+    import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+  </script>
+
+  <Toolbar>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+  </Toolbar>
+  ```
+-->

package/dist/toolbar/ToolbarButton.svelte.d.ts

@@ -23,6 +23,34 @@ declare const __propDef: {
 export type ToolbarButtonProps = typeof __propDef.props;
 export type ToolbarButtonEvents = typeof __propDef.events;
 export type ToolbarButtonSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+ * - Setup
+ * - Default toolbar
+ * - Colored toolbars
+ * - Toolbar with groups
+ * - WYSIWYG Editor
+ * - Comment box
+ * ## Props
+ * @prop color: ToolbarButtonType = 'default';
+ * @prop name: string | undefined = undefined;
+ * @prop ariaLabel: string | undefined = undefined;
+ * @prop size: 'xs' | 'sm' | 'md' | 'lg' = 'md';
+ * @prop href: string | undefined = undefined;
+ * ## Example
+ * ```
+ * <script>
+ *   import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Toolbar>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+ * </Toolbar>
+ * ```
+ */
 export default class ToolbarButton extends SvelteComponentTyped<ToolbarButtonProps, ToolbarButtonEvents, ToolbarButtonSlots> {
 }
 export {};

package/dist/toolbar/ToolbarButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/ToolbarButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAqElD,QAAA,MAAM,SAAS;;;;eADoH,MAAM,GAAG,SAAS;oBAAc,MAAM,GAAG,SAAS;;eAA2C,MAAM,GAAG,SAAS;;;;;;;;;;;;CACpK,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":"ToolbarButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/ToolbarButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAuElD,QAAA,MAAM,SAAS;;;;eADoH,MAAM,GAAG,SAAS;oBAAc,MAAM,GAAG,SAAS;;eAA2C,MAAM,GAAG,SAAS;;;;;;;;;;;;CACpK,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;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,oBAAoB,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,kBAAkB,CAAC;CAC3H"}

package/dist/toolbar/ToolbarGroup.svelte

@@ -8,3 +8,30 @@ if (options)
 <div class={divClass}>
   <slot />
 </div>
+
+<!--
+  @component
+  @component
+  ## Features
+  [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+  - Setup
+  - Default toolbar
+  - Colored toolbars
+  - Toolbar with groups
+  - WYSIWYG Editor
+  - Comment box
+  ## Props
+  @prop divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+  ## Example
+  ```
+  <script>
+    import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+  </script>
+
+  <Toolbar>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+    <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+  </Toolbar>
+  ```
+-->

package/dist/toolbar/ToolbarGroup.svelte.d.ts

@@ -13,6 +13,31 @@ declare const __propDef: {
 export type ToolbarGroupProps = typeof __propDef.props;
 export type ToolbarGroupEvents = typeof __propDef.events;
 export type ToolbarGroupSlots = typeof __propDef.slots;
+/**
+ * @component
+ * ## Features
+ * [Go to Toolbar](https://flowbite-svelte.com/docs/utilities/toolbar)
+ * - Setup
+ * - Default toolbar
+ * - Colored toolbars
+ * - Toolbar with groups
+ * - WYSIWYG Editor
+ * - Comment box
+ * ## Props
+ * @prop divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Toolbar, ToolbarButton, ToolbarGroup } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Toolbar>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 013.75 9.375v-4.5zM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 01-1.125-1.125v-4.5zM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0113.5 9.375v-4.5z" /><path stroke-linecap="round" stroke-linejoin="round" d="M6.75 6.75h.75v.75h-.75v-.75zM6.75 16.5h.75v.75h-.75v-.75zM16.5 6.75h.75v.75h-.75v-.75zM13.5 13.5h.75v.75h-.75v-.75zM13.5 19.5h.75v.75h-.75v-.75zM19.5 13.5h.75v.75h-.75v-.75zM19.5 19.5h.75v.75h-.75v-.75zM16.5 16.5h.75v.75h-.75v-.75z" /></svg></ToolbarButton>
+ *   <ToolbarButton><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" /></svg></ToolbarButton>
+ * </Toolbar>
+ * ```
+ */
 export default class ToolbarGroup extends SvelteComponentTyped<ToolbarGroupProps, ToolbarGroupEvents, ToolbarGroupSlots> {
 }
 export {};

package/dist/toolbar/ToolbarGroup.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/ToolbarGroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,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":"ToolbarGroup.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/toolbar/ToolbarGroup.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;CAAwC,CAAC;AACxD,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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/tooltips/Tooltip.svelte

@@ -21,3 +21,28 @@ $: {
 <Popper rounded shadow {...$$restProps} class={toolTipClass} on:show>
   <slot />
 </Popper>
+
+<!--
+  @component
+  ## Features
+  [Go to ](https://flowbite-svelte.com/docs/components/tooltip)
+  - Setup
+  - Default tooltip example
+  - Tooltip styles
+  - Placement
+  - Triggering
+  - Disable arrow
+  - Custom style
+  ## Props
+  @prop type: 'dark' | 'light' | 'auto' | 'custom' = 'dark';
+  @prop defaultClass: string = 'py-2 px-3 text-sm font-medium';
+  ## Example
+  ```
+  <script>
+    import { Tooltip, Button } from 'flowbite-svelte';
+  </script>
+  
+  <Button>Default tooltip</Button>
+  <Tooltip>Tooltip content</Tooltip>
+  ```
+-->

package/dist/tooltips/Tooltip.svelte.d.ts

@@ -265,6 +265,29 @@ declare const __propDef: {
 export type TooltipProps = typeof __propDef.props;
 export type TooltipEvents = typeof __propDef.events;
 export type TooltipSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to ](https://flowbite-svelte.com/docs/components/tooltip)
+ * - Setup
+ * - Default tooltip example
+ * - Tooltip styles
+ * - Placement
+ * - Triggering
+ * - Disable arrow
+ * - Custom style
+ * ## Props
+ * @prop type: 'dark' | 'light' | 'auto' | 'custom' = 'dark';
+ * @prop defaultClass: string = 'py-2 px-3 text-sm font-medium';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Tooltip, Button } from 'flowbite-svelte';
+ * </script>
+ *
+ * <Button>Default tooltip</Button>
+ * <Tooltip>Tooltip content</Tooltip>
+ * ```
+ */
 export default class Tooltip extends SvelteComponentTyped<TooltipProps, TooltipEvents, TooltipSlots> {
 }
 export {};

package/dist/tooltips/Tooltip.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Tooltip.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/tooltips/Tooltip.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/typography/A.svelte

@@ -7,3 +7,36 @@ export let aClass = 'inline-flex items-center hover:underline';
 <a {...$$restProps} {href} class={classNames(aClass, color, $$props.class)}>
   <slot />
 </a>
+
+<!--
+  @component
+  ## Features
+  [Go to Link](https://flowbite-svelte.com/docs/typography/link)
+  - Setup
+  - Default link
+  - Button
+  - Paragraph
+  - Icon link
+  - CTA link
+  - Card link
+  - Image link
+  ## Props
+  @prop italic: boolean = false;
+  @prop underline: boolean = false;
+  @prop linethrough: boolean = false;
+  @prop uppercase: boolean = false;
+  @prop gradient: boolean = false;
+  @prop highlight: boolean = false;
+  @prop highlightClass: string = 'text-blue-600 dark:text-blue-500';
+  @prop decorationClass: string = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
+  @prop gradientClass: string =
+    'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
+  ## Example
+  ```
+  <script>
+    import { A } from 'flowbite-svelte';
+  </script>
+
+  <A class="font-medium hover:underline">Read more</A>
+  ```
+-->