flowbite-svelte 0.36.5 → 0.37.2

package/dist/skeleton/Skeleton.svelte

@@ -21,3 +21,24 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
   <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
   <span class="sr-only">Loading...</span>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+  ## Props
+  @prop divClass: string = 'animate-pulse';
+  @prop size: keyof Sizes = 'sm';  
+  ## Example
+  ```
+  <script>
+    import { Skeleton } from 'flowbite-svelte'
+  </script>
+
+  <Skeleton size="sm" class="my-8" />
+  <Skeleton size="md" class="my-8" />
+  <Skeleton size="lg" class="my-8" />
+  <Skeleton size="xl" class="my-8" />
+  <Skeleton size="xxl" class="mt-8 mb-2.5" />
+  ```
+-->

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

@@ -13,6 +13,25 @@ declare const __propDef: {
 export type SkeletonProps = typeof __propDef.props;
 export type SkeletonEvents = typeof __propDef.events;
 export type SkeletonSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+ * ## Props
+ * @prop divClass: string = 'animate-pulse';
+ * @prop size: keyof Sizes = 'sm';
+ * ## Example
+ * ```
+ * <script>
+ *   import { Skeleton } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Skeleton size="sm" class="my-8" />
+ * <Skeleton size="md" class="my-8" />
+ * <Skeleton size="lg" class="my-8" />
+ * <Skeleton size="xl" class="my-8" />
+ * <Skeleton size="xxl" class="mt-8 mb-2.5" />
+ * ```
+ */
 export default class Skeleton extends SvelteComponentTyped<SkeletonProps, SkeletonEvents, SkeletonSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/Skeleton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAoCD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}
+{"version":3,"file":"Skeleton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/Skeleton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAsCD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACrD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEnD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,oBAAoB,CAAC,aAAa,EAAE,cAAc,EAAE,aAAa,CAAC;CACvG"}

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -21,3 +21,19 @@ export let divClass = 'animate-pulse';
   </div>
   <span class="sr-only">Loading...</span>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Skeleton Testimonial Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Testimonial_placeholder)
+  ## Props
+  @prop divClass: string = 'animate-pulse';
+  ## Example
+  ```
+  <script>
+    import { TestimonialPlaceholder } from 'flowbite-svelte'
+  </script>
+
+  <TestimonialPlaceholder />
+  ```
+-->

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

@@ -12,6 +12,20 @@ declare const __propDef: {
 export type TestimonialPlaceholderProps = typeof __propDef.props;
 export type TestimonialPlaceholderEvents = typeof __propDef.events;
 export type TestimonialPlaceholderSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Skeleton Testimonial Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Testimonial_placeholder)
+ * ## Props
+ * @prop divClass: string = 'animate-pulse';
+ * ## Example
+ * ```
+ * <script>
+ *   import { TestimonialPlaceholder } from 'flowbite-svelte'
+ * </script>
+ *
+ * <TestimonialPlaceholder />
+ * ```
+ */
 export default class TestimonialPlaceholder extends SvelteComponentTyped<TestimonialPlaceholderProps, TestimonialPlaceholderEvents, TestimonialPlaceholderSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TestimonialPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TestimonialPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,oBAAoB,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC/J"}
+{"version":3,"file":"TestimonialPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TestimonialPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAuBD,QAAA,MAAM,SAAS;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjE,MAAM,MAAM,4BAA4B,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnE,MAAM,MAAM,2BAA2B,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,oBAAoB,CAAC,2BAA2B,EAAE,4BAA4B,EAAE,2BAA2B,CAAC;CAC/J"}

package/dist/skeleton/TextPlaceholder.svelte

@@ -44,3 +44,24 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
   </div>
   <span class="sr-only">Loading...</span>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+  ## Props
+  @prop divClass: string = 'space-y-2.5 animate-pulse';
+  @prop size: keyof Sizes = 'sm';  
+  ## Example
+  ```
+  <script>
+    import { TextPlaceholder } from 'flowbite-svelte'
+  </script>
+
+  <TextPlaceholder />
+  <TextPlaceholder size='md' class='mt-8'/>
+  <TextPlaceholder size='lg' class='mt-8'/>
+  <TextPlaceholder size='xl' class='mt-8'/>
+  <TextPlaceholder size='xxl' class='mt-8'/>
+  ```
+-->

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

@@ -13,6 +13,25 @@ declare const __propDef: {
 export type TextPlaceholderProps = typeof __propDef.props;
 export type TextPlaceholderEvents = typeof __propDef.events;
 export type TextPlaceholderSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Skeleton](https://flowbite-svelte.com/docs/components/skeleton)
+ * ## Props
+ * @prop divClass: string = 'space-y-2.5 animate-pulse';
+ * @prop size: keyof Sizes = 'sm';
+ * ## Example
+ * ```
+ * <script>
+ *   import { TextPlaceholder } from 'flowbite-svelte'
+ * </script>
+ *
+ * <TextPlaceholder />
+ * <TextPlaceholder size='md' class='mt-8'/>
+ * <TextPlaceholder size='lg' class='mt-8'/>
+ * <TextPlaceholder size='xl' class='mt-8'/>
+ * <TextPlaceholder size='xxl' class='mt-8'/>
+ * ```
+ */
 export default class TextPlaceholder extends SvelteComponentTyped<TextPlaceholderProps, TextPlaceholderEvents, TextPlaceholderSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TextPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TextPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA2DD,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":"TextPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/TextPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA6DD,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,oBAAoB,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CACnI"}

package/dist/skeleton/VideoPlaceholder.svelte

@@ -24,3 +24,25 @@ $: outDivclass = classNames(sizes[size], divClass, $$props.class);
       d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z" /></svg>
   <span class="sr-only">Loading...</span>
 </div>
+
+<!--
+  @component
+  ## Features
+  [Go to Skeleton Video Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Video_placeholder)
+  ## Props
+  @prop divClass: string =
+    'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
+  @prop size: keyof Sizes = 'sm';  
+  ## Example
+  ```
+  <script>
+    import { VideoPlaceholder } from 'flowbite-svelte'
+  </script>
+
+  <VideoPlaceholder />
+  <VideoPlaceholder size='md' class='mt-8'/>
+  <VideoPlaceholder size='lg' class='mt-8'/>
+  <VideoPlaceholder size='xl' class='mt-8'/>
+  <VideoPlaceholder size='xxl' class='mt-8'/>
+  ```
+-->

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

@@ -13,6 +13,26 @@ declare const __propDef: {
 export type VideoPlaceholderProps = typeof __propDef.props;
 export type VideoPlaceholderEvents = typeof __propDef.events;
 export type VideoPlaceholderSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Skeleton Video Placeholder](https://flowbite-svelte.com/docs/components/skeleton#Video_placeholder)
+ * ## Props
+ * @prop divClass: string =
+ *   'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
+ * @prop size: keyof Sizes = 'sm';
+ * ## Example
+ * ```
+ * <script>
+ *   import { VideoPlaceholder } from 'flowbite-svelte'
+ * </script>
+ *
+ * <VideoPlaceholder />
+ * <VideoPlaceholder size='md' class='mt-8'/>
+ * <VideoPlaceholder size='lg' class='mt-8'/>
+ * <VideoPlaceholder size='xl' class='mt-8'/>
+ * <VideoPlaceholder size='xxl' class='mt-8'/>
+ * ```
+ */
 export default class VideoPlaceholder extends SvelteComponentTyped<VideoPlaceholderProps, VideoPlaceholderEvents, VideoPlaceholderSlots> {
 }
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"VideoPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/VideoPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}
+{"version":3,"file":"VideoPlaceholder.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/skeleton/VideoPlaceholder.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC3D,MAAM,MAAM,sBAAsB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC7D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,oBAAoB,CAAC,qBAAqB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC;CACvI"}

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -16,3 +16,19 @@ export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animat
   </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 color = 'primary';
 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';
@@ -10,6 +11,7 @@ if (currentFill !== 'currentFill') {
     color = undefined;
 }
 const fillColorClasses = {
+    primary: 'fill-primary-600',
     blue: 'fill-blue-600',
     gray: 'fill-gray-600 dark:fill-gray-300',
     green: 'fill-green-500',
@@ -17,7 +19,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 +44,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: | '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 />
+```
+-->

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?: 'primary' | '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: | '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 />
+ * ```
+ */
 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;AAwED,QAAA,MAAM,SAAS;;;gBAXuI,SAAS,GACzJ,MAAM,GACN,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"}