flowbite-svelte 0.36.4 → 0.37.1

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -3,16 +3,32 @@ export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animat
 </script>
 
 <div role="status" class={classNames(divClass, $$props.class)}>
-	<div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
-	<div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
-	<div class="flex items-baseline mt-4 space-x-6">
-		<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-		<div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-	</div>
-	<span class="sr-only">Loading...</span>
+  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
+  <div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+  <div class="flex items-baseline mt-4 space-x-6">
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+  </div>
+  <span class="sr-only">Loading...</span>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Skeleton Widget Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Widget_placeholder)
+  ## Props
+  @prop divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+  ## Example
+  ```
+  <script>
+    import { WidgetPlaceholder } from 'flowbite-svelte'
+  </script>
+
+  <WidgetPlaceholder />
+  ```
+-->

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts

@@ -12,6 +12,20 @@ declare const __propDef: {
 export type WidgetPlaceholderProps = typeof __propDef.props;
 export type WidgetPlaceholderEvents = typeof __propDef.events;
 export type WidgetPlaceholderSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Skeleton Widget Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Widget_placeholder)
+ * ## Props
+ * @prop divClass: string = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+ * ## Example
+ * ```
+ * <script>
+ *   import { WidgetPlaceholder } from 'flowbite-svelte'
+ * </script>
+ *
+ * <WidgetPlaceholder />
+ * ```
+ */
 export default class WidgetPlaceholder extends SvelteComponentTyped<WidgetPlaceholderProps, WidgetPlaceholderEvents, WidgetPlaceholderSlots> {
 }
 export {};

package/dist/skeleton/WidgetPlaceholder.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/WidgetPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}
+{"version":3,"file":"WidgetPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/WidgetPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA4BD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,uBAAuB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC9D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE5D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

package/dist/speed-dial/SpeedDial.svelte

@@ -67,3 +67,50 @@ let open = false;
     <slot />
   </Popper>
 </div>
+
+<!--
+  @component
+  ## 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
+  ## 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>
+  ```
+-->

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

@@ -30,6 +30,51 @@ declare const __propDef: {
 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
+ * ## 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>
+ * ```
+ */
 export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps, SpeedDialEvents, SpeedDialSlots> {
 }
 export {};

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,gBAAgB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAkEH,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":"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,gBAAgB,CAAC;AAEhD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,SAAS,GAAG,MAAM,CAAC;IAC5B,WAAW,EAAE,OAAO,CAAC;CACtB;AAmEH,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"}

package/dist/speed-dial/SpeedDialButton.svelte

@@ -28,3 +28,38 @@ $: btnClass = classNames(btnDefaultClass, tooltip === 'none' && 'flex-col', text
 {#if tooltip !== 'none'}
   <Tooltip placement={tooltip} style="dark">{name}</Tooltip>
 {/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>
+  ```
+-->

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

@@ -23,6 +23,39 @@ declare const __propDef: {
 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)
+ * ## 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>
+ * ```
+ */
 export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps, SpeedDialButtonEvents, SpeedDialButtonSlots> {
 }
 export {};

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,gBAAgB,CAAC;AAkDhD,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,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,gBAAgB,CAAC;AAoDhD,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"}

package/dist/spinners/Spinner.svelte

@@ -1,6 +1,7 @@
 <script>import classNames from 'classnames';
 export let color = 'blue';
 export let bg = 'text-gray-300';
+export let customColor = '';
 export let size = '8';
 // these two props add fine control over the spinner colors
 export let currentFill = 'currentFill';
@@ -17,7 +18,8 @@ const fillColorClasses = {
     yellow: 'fill-yellow-400',
     pink: 'fill-pink-600',
     purple: 'fill-purple-600',
-    white: 'fill-white'
+    white: 'fill-white',
+    custom: customColor
 };
 let fillColorClass = color === undefined ? '' : fillColorClasses[color] ?? fillColorClasses.blue;
 </script>
@@ -41,3 +43,29 @@ let fillColorClass = color === undefined ? '' : fillColorClasses[color] ?? fillC
     d="M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z"
     fill={currentFill} />
 </svg>
+
+<!--
+  @component
+  ## Features
+  [Go to Spinner](https://flowbite-svelte.com/docs/components/spinner)
+  - Setup
+  - Default spinner
+  - Colors
+  - Sizes
+  - Alignment
+  - Buttons
+  ## Props
+  @prop color: | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink'| 'purple' | 'white' | 'custom' | undefined = 'blue';
+  @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 />
+```
+-->

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

@@ -2,8 +2,9 @@ import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
-        color?: 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | undefined;
+        color?: 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink' | 'purple' | 'white' | 'custom' | undefined;
         bg?: string | undefined;
+        customColor?: string | undefined;
         size?: string | undefined;
         currentFill?: string | undefined;
         currentColor?: string | undefined;
@@ -16,6 +17,30 @@ declare const __propDef: {
 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
+ * ## Props
+ * @prop color: | 'blue' | 'gray' | 'green' | 'red' | 'yellow' | 'pink'| 'purple' | 'white' | 'custom' | undefined = 'blue';
+ * @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 />
+ * ```
+ */
 export default class Spinner extends SvelteComponentTyped<SpinnerProps, SpinnerEvents, SpinnerSlots> {
 }
 export {};

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;AA+CD,QAAA,MAAM,SAAS;;;gBAD0G,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS;;;;;;;;;;CACjI,CAAC;AAC/E,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}
+{"version":3,"file":"Spinner.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/spinners/Spinner.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqED,QAAA,MAAM,SAAS;;;gBAVuI,MAAM,GACtJ,MAAM,GACN,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS;;;;;;;;;;;CAC+D,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"}

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>
 
@@ -35,11 +43,7 @@ const currentStepColors = {
     {#each steps as step, i}
       {#if i === currentStep - 1}
         <div class="relative w-full h-full">
-          <div
-            class={classNames(
-              'relative w-full h-full rounded-sm',
-              currentStepColors[color]
-            )} />
+          <div class={classNames('relative w-full h-full rounded-sm', currentStepColors[color])} />
           {#if glow}
             <div
               class={classNames(
@@ -56,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;AAkED,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>
+  ```
+  
+  
+-->