flowbite-svelte 0.36.4 → 0.37.1

package/dist/typography/Secondary.svelte

@@ -6,3 +6,31 @@ export let secondaryClass = 'font-semibold';
 <small {...$$restProps} class={classNames(color, secondaryClass, $$props.class)}>
   <slot />
 </small>
+
+<!--
+  @component
+  ## Features
+  [Go to Heading Secondary](https://flowbite-svelte.com/docs/typography/heading#Second-level_heading)
+  - Setup
+  - Default heading
+  - Second-level heading
+  - Highlighted heading
+  - Heading mark
+  - Heading gradient
+  - Heading underline
+  - Breadcrumb context
+  - Badge context
+  - Secondary text
+  - Sizes
+  ## Props
+  @prop color: string = 'text-gray-500 dark:text-gray-400';
+  @prop secondaryClass: string = 'font-semibold';
+  ## Example
+  ```
+  <script>
+    import {  Heading, Secondary } from 'flowbite-svelte'
+  </script>
+  
+  <Heading tag="h1" customSize="text-5xl font-extrabold">Flowbite <Secondary class="ml-2">This is secondary text</Secondary></Heading>
+  ```
+-->

package/dist/typography/Secondary.svelte.d.ts

@@ -15,6 +15,32 @@ declare const __propDef: {
 export type SecondaryProps = typeof __propDef.props;
 export type SecondaryEvents = typeof __propDef.events;
 export type SecondarySlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Heading Secondary](https://flowbite-svelte.com/docs/typography/heading#Second-level_heading)
+ * - Setup
+ * - Default heading
+ * - Second-level heading
+ * - Highlighted heading
+ * - Heading mark
+ * - Heading gradient
+ * - Heading underline
+ * - Breadcrumb context
+ * - Badge context
+ * - Secondary text
+ * - Sizes
+ * ## Props
+ * @prop color: string = 'text-gray-500 dark:text-gray-400';
+ * @prop secondaryClass: string = 'font-semibold';
+ * ## Example
+ * ```
+ * <script>
+ *   import {  Heading, Secondary } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Heading tag="h1" customSize="text-5xl font-extrabold">Flowbite <Secondary class="ml-2">This is secondary text</Secondary></Heading>
+ * ```
+ */
 export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
 }
 export {};

package/dist/typography/Secondary.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Secondary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Secondary.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgBD,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":"Secondary.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Secondary.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkBD,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;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/typography/Span.svelte

@@ -15,3 +15,39 @@ let classSpan = classNames(italic && 'italic', underline && underlineClass, line
 <span {...$$restProps} class={classSpan}>
   <slot />
 </span>
+
+<!--
+  @component
+  ## Features
+  [Go to Heading Span](https://flowbite-svelte.com/docs/typography/heading)
+  - Setup
+  - Default heading
+  - Second-level heading
+  - Highlighted heading
+  - Heading mark
+  - Heading gradient
+  - Heading underline
+  - Breadcrumb context
+  - Badge context
+  - Secondary text
+  - Sizes
+  ## 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 {  Heading, P, Span } from 'flowbite-svelte'
+  </script>
+  
+  <Heading tag="h1" class="mb-4">Get back to growth with <Span highlight>the world's #1</Span> CRM.</Heading>
+  <P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
+  ```
+-->

package/dist/typography/Span.svelte.d.ts

@@ -22,6 +22,40 @@ declare const __propDef: {
 export type SpanProps = typeof __propDef.props;
 export type SpanEvents = typeof __propDef.events;
 export type SpanSlots = typeof __propDef.slots;
+/**
+ * ## Features
+ * [Go to Heading Span](https://flowbite-svelte.com/docs/typography/heading)
+ * - Setup
+ * - Default heading
+ * - Second-level heading
+ * - Highlighted heading
+ * - Heading mark
+ * - Heading gradient
+ * - Heading underline
+ * - Breadcrumb context
+ * - Badge context
+ * - Secondary text
+ * - Sizes
+ * ## 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 {  Heading, P, Span } from 'flowbite-svelte'
+ * </script>
+ *
+ * <Heading tag="h1" class="mb-4">Get back to growth with <Span highlight>the world's #1</Span> CRM.</Heading>
+ * <P>Here at Flowbite we focus on markets where technology, innovation, and capital can unlock long-term value and drive economic growth.</P>
+ * ```
+ */
 export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
 }
 export {};

package/dist/typography/Span.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Span.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Span.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}
+{"version":3,"file":"Span.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/Span.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC/C,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,IAAK,SAAQ,oBAAoB,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC;CACvF"}

package/dist/utils/Chevron.svelte

@@ -24,3 +24,10 @@ $: icon = icons[placement.split('-')[0]] ?? ChevronDown;
     <svelte:component this={icon} class="h-4 w-4 ml-2" />
   {/if}
 </Wrapper>
+
+<!--
+  @component
+  ## Props  
+  @prop placement: Placement = 'bottom';
+  @prop aligned: boolean = false;
+-->

package/dist/utils/Chevron.svelte.d.ts

@@ -15,6 +15,11 @@ declare const __propDef: {
 export type ChevronProps = typeof __propDef.props;
 export type ChevronEvents = typeof __propDef.events;
 export type ChevronSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop placement: Placement = 'bottom';
+ * @prop aligned: boolean = false;
+ */
 export default class Chevron extends SvelteComponentTyped<ChevronProps, ChevronEvents, ChevronSlots> {
 }
 export {};

package/dist/utils/Chevron.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA2C/D,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":"Chevron.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Chevron.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AACD,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AA6C/D,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;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,oBAAoB,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CACnG"}

package/dist/utils/ChevronDown.svelte

@@ -22,15 +22,26 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click>
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron down';
+  ## Event
+  - on:click
+-->

package/dist/utils/ChevronDown.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronDownProps = typeof __propDef.props;
 export type ChevronDownEvents = typeof __propDef.events;
 export type ChevronDownSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron down';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronDown extends SvelteComponentTyped<ChevronDownProps, ChevronDownEvents, ChevronDownSlots> {
 }
 export {};

package/dist/utils/ChevronDown.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA+BD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"ChevronDown.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronDown.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAiCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/ChevronLeft.svelte

@@ -22,15 +22,26 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click>
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron left';
+  ## Event
+  - on:click
+-->

package/dist/utils/ChevronLeft.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronLeftProps = typeof __propDef.props;
 export type ChevronLeftEvents = typeof __propDef.events;
 export type ChevronLeftSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron left';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronLeft extends SvelteComponentTyped<ChevronLeftProps, ChevronLeftEvents, ChevronLeftSlots> {
 }
 export {};

package/dist/utils/ChevronLeft.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"ChevronLeft.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronLeft.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/ChevronRight.svelte

@@ -22,15 +22,25 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click>
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron right';
+  ## Event
+  - on:click
+-->

package/dist/utils/ChevronRight.svelte.d.ts

@@ -17,6 +17,14 @@ declare const __propDef: {
 export type ChevronRightProps = typeof __propDef.props;
 export type ChevronRightEvents = typeof __propDef.events;
 export type ChevronRightSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron right';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronRight extends SvelteComponentTyped<ChevronRightProps, ChevronRightEvents, ChevronRightSlots> {
 }
 export {};

package/dist/utils/ChevronRight.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}
+{"version":3,"file":"ChevronRight.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronRight.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEvD;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,oBAAoB,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,iBAAiB,CAAC;CACvH"}

package/dist/utils/ChevronUp.svelte

@@ -22,15 +22,26 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click>
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '20';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'chevron up';
+  ## Event
+  - on:click
+-->

package/dist/utils/ChevronUp.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type ChevronUpProps = typeof __propDef.props;
 export type ChevronUpEvents = typeof __propDef.events;
 export type ChevronUpSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '20';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'chevron up';
+ * ## Event
+ * - on:click
+ */
 export default class ChevronUp extends SvelteComponentTyped<ChevronUpProps, ChevronUpEvents, ChevronUpSlots> {
 }
 export {};

package/dist/utils/ChevronUp.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChevronUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,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":"ChevronUp.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/ChevronUp.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,SAAU,SAAQ,oBAAoB,CAAC,cAAc,EAAE,eAAe,EAAE,cAAc,CAAC;CAC3G"}

package/dist/utils/CloseButton.svelte

@@ -11,3 +11,11 @@ export let name = 'Close';
       clip-rule="evenodd" />
   </svg>
 </ToolbarButton>
+
+<!--
+  @component
+  ## Props
+  @prop name: string = 'Close';
+  ## Event
+  - on:click
+-->

package/dist/utils/CloseButton.svelte.d.ts

@@ -14,6 +14,12 @@ declare const __propDef: {
 export type CloseButtonProps = typeof __propDef.props;
 export type CloseButtonEvents = typeof __propDef.events;
 export type CloseButtonSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop name: string = 'Close';
+ * ## Event
+ * - on:click
+ */
 export default class CloseButton extends SvelteComponentTyped<CloseButtonProps, CloseButtonEvents, CloseButtonSlots> {
 }
 export {};

package/dist/utils/CloseButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAmBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}
+{"version":3,"file":"CloseButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/CloseButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAqBD,QAAA,MAAM,SAAS;;;;;;;;;;;CAA+D,CAAC;AAC/E,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACtD,MAAM,MAAM,iBAAiB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,oBAAoB,CAAC,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,CAAC;CACnH"}

package/dist/utils/Frame.svelte

@@ -109,3 +109,24 @@ $: divClass = classNames(bgColors[color], textColors[color], rounded && (color =
     <slot />
   </svelte:element>
 {/if}
+
+<!--
+  @component
+  ## Props
+  @prop tag: string = 'div';
+  @prop color: FrameColor = 'default';
+  @prop rounded: boolean = false;
+  @prop border: boolean = false;
+  @prop shadow: boolean = false;
+  @prop transition: TransitionFunc | undefined = undefined;
+  @prop params: object = {};
+  @prop node: HTMLElement | undefined = undefined;
+  @prop use: Action = noop;
+  @prop options = {};  
+  ## Event
+  - on:click
+  - on:mouseenter
+  - on:mouseleave
+  - on:focusin
+  - on:focusout
+-->

package/dist/utils/Frame.svelte.d.ts

@@ -261,6 +261,25 @@ declare const __propDef: {
 export type FrameProps = typeof __propDef.props;
 export type FrameEvents = typeof __propDef.events;
 export type FrameSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop tag: string = 'div';
+ * @prop color: FrameColor = 'default';
+ * @prop rounded: boolean = false;
+ * @prop border: boolean = false;
+ * @prop shadow: boolean = false;
+ * @prop transition: TransitionFunc | undefined = undefined;
+ * @prop params: object = {};
+ * @prop node: HTMLElement | undefined = undefined;
+ * @prop use: Action = noop;
+ * @prop options = {};
+ * ## Event
+ * - on:click
+ * - on:mouseenter
+ * - on:mouseleave
+ * - on:focusin
+ * - on:focusout
+ */
 export default class Frame extends SvelteComponentTyped<FrameProps, FrameEvents, FrameSlots> {
 }
 export {};

package/dist/utils/Frame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAuI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA3HgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CAgHqB,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":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAKD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAyI1D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BA7HgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;;eAWjE,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;CAkHqB,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;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,oBAAoB,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CAC3F"}

package/dist/utils/InformationCircle.svelte

@@ -22,16 +22,26 @@ $: switch (variation) {
 </script>
 
 <svg
-	xmlns="http://www.w3.org/2000/svg"
-	width={size}
-	height={size}
-	class={$$props.class}
-	{...$$restProps}
-	aria-label={ariaLabel}
-	fill="none"
-	{viewBox}
-	stroke-width="2"
-	on:click
->
-	{@html svgpath}
+  xmlns="http://www.w3.org/2000/svg"
+  width={size}
+  height={size}
+  class={$$props.class}
+  {...$$restProps}
+  aria-label={ariaLabel}
+  fill="none"
+  {viewBox}
+  stroke-width="2"
+  on:click>
+  {@html svgpath}
 </svg>
+
+<!--
+  @component
+  ## Props
+  @prop size = '24';
+  @prop color = 'currentColor';
+  @prop variation: 'solid' | 'outline' = 'outline';
+  @prop ariaLabel = 'information circle';  
+  ## Event
+  - on:click
+-->

package/dist/utils/InformationCircle.svelte.d.ts

@@ -17,6 +17,15 @@ declare const __propDef: {
 export type InformationCircleProps = typeof __propDef.props;
 export type InformationCircleEvents = typeof __propDef.events;
 export type InformationCircleSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop size = '24';
+ * @prop color = 'currentColor';
+ * @prop variation: 'solid' | 'outline' = 'outline';
+ * @prop ariaLabel = 'information circle';
+ * ## Event
+ * - on:click
+ */
 export default class InformationCircle extends SvelteComponentTyped<InformationCircleProps, InformationCircleEvents, InformationCircleSlots> {
 }
 export {};

package/dist/utils/InformationCircle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InformationCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/InformationCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAgCD,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":"InformationCircle.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/InformationCircle.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAkCD,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;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,oBAAoB,CAAC,sBAAsB,EAAE,uBAAuB,EAAE,sBAAsB,CAAC;CAC3I"}

package/dist/utils/MenuButton.svelte

@@ -20,3 +20,12 @@ export let vertical = false;
     {/if}
   </svg>
 </ToolbarButton>
+
+<!--
+  @component
+  ## Props
+  @prop name: string | undefined = undefined;
+  @prop vertical: boolean = false;
+  ## Event
+  - on:click
+-->

package/dist/utils/MenuButton.svelte.d.ts

@@ -15,6 +15,13 @@ declare const __propDef: {
 export type MenuButtonProps = typeof __propDef.props;
 export type MenuButtonEvents = typeof __propDef.events;
 export type MenuButtonSlots = typeof __propDef.slots;
+/**
+ * ## Props
+ * @prop name: string | undefined = undefined;
+ * @prop vertical: boolean = false;
+ * ## Event
+ * - on:click
+ */
 export default class MenuButton extends SvelteComponentTyped<MenuButtonProps, MenuButtonEvents, MenuButtonSlots> {
 }
 export {};

package/dist/utils/MenuButton.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/MenuButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AAwBD,QAAA,MAAM,SAAS;;;eAD8C,MAAM,GAAG,SAAS;;;;;;;;;CACD,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}
+{"version":3,"file":"MenuButton.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/MenuButton.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAE5C;AA0BD,QAAA,MAAM,SAAS;;;eAD8C,MAAM,GAAG,SAAS;;;;;;;;;CACD,CAAC;AAC/E,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACrD,MAAM,MAAM,gBAAgB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAErD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,oBAAoB,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,CAAC;CAC/G"}

package/dist/utils/Popper.svelte

@@ -149,3 +149,17 @@ $: arrowOffset = $$props.border ? '-5px' : '-4px';
     {/if}
   </Frame>
 {/if}
+
+<!--
+  @component
+  ## Props
+  @prop activeContent: boolean = false;
+  @prop arrow: boolean = true;
+  @prop offset: number = 8;
+  @prop placement: Placement = 'top';
+  @prop trigger: 'hover' | 'click' = 'hover';
+  @prop triggeredBy: string | undefined = undefined;
+  @prop strategy: 'absolute' | 'fixed' = 'absolute';
+  @prop open: boolean = false;
+  @prop yOnly: boolean = false;
+-->