@lavalogic/scoria 0.11.15 → 0.12.0

package/dist/Components/Action.svelte

@@ -1,15 +1,15 @@
 <svelte:options runes />
 
 <script module lang="ts">
-	import { Size } from '../Types/Internal/Size.js';
-	import { ColourSet } from '../scss/colours.js';
+	import { TooltipContext } from '../Contexts/TooltipContext.svelte.js';
+	import { Delay } from '../Delay/Delay.js';
 	import { passthrough } from '../Helpers/Helpers.svelte.js';
 	import { Shape } from '../Types/Internal/Shape.js';
-	import { TooltipContext } from '../Contexts/TooltipContext.svelte.js';
-	import { getContext } from 'svelte';
 	import { Side } from '../Types/Internal/Side.js';
-	import { Delay } from '../Delay/Delay.js';
-	import type { PartialIconProps } from './Icon.svelte';
+	import { Size } from '../Types/Internal/Size.js';
+	import { ColourSet } from '../scss/colours.js';
+	import { getContext } from 'svelte';
+	import type { ActionProps } from './ActionProps.js';
 	import Icon from './Icon.svelte';
 
 	const paddings: Record<Shape, Record<Size, number>> = {
@@ -40,31 +40,6 @@
 			[Size.FillHeight]: -1
 		}
 	};
-
-	export interface ActionProps {
-		icon: PartialIconProps;
-
-		id?: string;
-		colourSet?: ColourSet;
-		size?: Size;
-		shape?: Shape;
-		border?: boolean;
-		paddingSize?: Size;
-		type?: 'button' | 'submit';
-		disabled?: boolean;
-		noTabIndex?: boolean;
-		backgroundColour?: string;
-		hoverBackgroundColour?: string;
-		label?: string;
-		['data-type']?: string;
-		style?: string;
-		side?: Side;
-
-		onfocus?: (e: FocusEvent) => void;
-		onblur?: (e: FocusEvent) => void;
-		onclick?: (e: MouseEvent) => void;
-		onkeydown?: (e: KeyboardEvent) => void;
-	}
 </script>
 
 <script lang="ts">
@@ -91,7 +66,7 @@
 		side
 	}: ActionProps = $props();
 
-	const iconSize: Size = $derived(icon?.size ?? size);
+	const iconSize: Size = $derived(icon.size ?? size);
 
 	const pad: string = $derived.by(() => {
 		const padSize = paddingSize ?? size;

package/dist/Components/Action.svelte.d.ts

@@ -1,30 +1,4 @@
-import { Size } from '../Types/Internal/Size.js';
-import { ColourSet } from '../scss/colours.js';
-import { Shape } from '../Types/Internal/Shape.js';
-import { Side } from '../Types/Internal/Side.js';
-import type { PartialIconProps } from './Icon.svelte';
-export interface ActionProps {
-    icon: PartialIconProps;
-    id?: string;
-    colourSet?: ColourSet;
-    size?: Size;
-    shape?: Shape;
-    border?: boolean;
-    paddingSize?: Size;
-    type?: 'button' | 'submit';
-    disabled?: boolean;
-    noTabIndex?: boolean;
-    backgroundColour?: string;
-    hoverBackgroundColour?: string;
-    label?: string;
-    ['data-type']?: string;
-    style?: string;
-    side?: Side;
-    onfocus?: (e: FocusEvent) => void;
-    onblur?: (e: FocusEvent) => void;
-    onclick?: (e: MouseEvent) => void;
-    onkeydown?: (e: KeyboardEvent) => void;
-}
+import type { ActionProps } from './ActionProps.js';
 declare const Action: import("svelte").Component<ActionProps, {}, "">;
 type Action = ReturnType<typeof Action>;
 export default Action;

package/dist/Components/ActionProps.d.ts

@@ -0,0 +1,27 @@
+import type { ColourSet } from '../scss/colours.js';
+import type { Shape } from '../Types/Internal/Shape.js';
+import type { Side } from '../Types/Internal/Side.js';
+import type { Size } from '../Types/Internal/Size.js';
+import type { PartialIconProps } from './PartialIconProps.js';
+export interface ActionProps {
+    icon: PartialIconProps;
+    id?: string;
+    colourSet?: ColourSet;
+    size?: Size;
+    shape?: Shape;
+    border?: boolean;
+    paddingSize?: Size;
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+    noTabIndex?: boolean;
+    backgroundColour?: string;
+    hoverBackgroundColour?: string;
+    label?: string;
+    ['data-type']?: string;
+    style?: string;
+    side?: Side;
+    onfocus?: (e: FocusEvent) => void;
+    onblur?: (e: FocusEvent) => void;
+    onclick?: (e: MouseEvent) => void;
+    onkeydown?: (e: KeyboardEvent) => void;
+}

package/dist/Components/ActionProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/AlertModal.svelte

@@ -3,13 +3,13 @@
 <script lang="ts">
 	import { AlertContext } from '../Contexts/AlertContext.svelte.js';
 	import { UntypedInputContext } from '../Contexts/UntypedInputContext.svelte.js';
+	import { DATAMatrix } from '../Helpers/Datamatrix.js';
+	import { passthrough } from '../Helpers/Helpers.svelte.js';
 	import { getContext, onMount } from 'svelte';
-	import ModalExplanation from './Touch/ModalExplanation.svelte';
 	import DataMatrixIcon from './DataMatrixIcon.svelte';
-	import { passthrough } from '../Helpers/Helpers.svelte.js';
-	import { DATAMatrix } from '../Helpers/Datamatrix.js';
+	import ModalExplanation from './Touch/ModalExplanation.svelte';
 
-	let dialog: HTMLDialogElement;
+	let dialog: HTMLDialogElement | undefined;
 
 	const alertContext = getContext<AlertContext>(AlertContext.identifier);
 
@@ -51,7 +51,9 @@
 <!-- onclose={() => (alertContext.showModal = false)} -->
 <dialog
 	bind:this={dialog}
-	onclose={() => alertContext.onNo()}
+	onclose={() => {
+		alertContext.onNo();
+	}}
 	onclick={(e) => {
 		if (e.target === dialog) {
 			alertContext.onNo();

package/dist/Components/Base/ContextWrapper.svelte

@@ -1,22 +1,16 @@
-<script lang="ts" module>
+<script lang="ts">
 	import { AlertContext } from '../../Contexts/AlertContext.svelte.js';
 	import { ContextMenuContext } from '../../Contexts/ContextMenuContext.svelte.js';
 	import { ToastContext } from '../../Contexts/ToastContext.svelte.js';
 	import { TooltipContext } from '../../Contexts/TooltipContext.svelte.js';
 	import { UntypedInputContext } from '../../Contexts/UntypedInputContext.svelte.js';
-	import { setContext, type Snippet } from 'svelte';
+	import { setContext } from 'svelte';
 	import AlertModal from '../AlertModal.svelte';
 	import ContextMenu from '../Contexts/ContextMenu.svelte';
 	import ToastContainer from '../Contexts/ToastContainer.svelte';
 	import Tooltip from '../Contexts/Tooltip.svelte';
+	import type { ContextWrapperProps } from './ContextWrapperProps.js';
 
-	export interface ContextWrapperProps {
-		children: Snippet;
-		debug?: boolean;
-	}
-</script>
-
-<script lang="ts">
 	const { children, debug = false }: ContextWrapperProps = $props();
 
 	setContext(ContextMenuContext.identifier, new ContextMenuContext());
@@ -25,6 +19,7 @@
 	const alertContext = new AlertContext();
 	setContext(AlertContext.identifier, alertContext);
 
+	// svelte-ignore state_referenced_locally
 	const untypedListenerContext = new UntypedInputContext(debug);
 	setContext(UntypedInputContext.identifier, untypedListenerContext);
 </script>

package/dist/Components/Base/ContextWrapper.svelte.d.ts

@@ -1,8 +1,4 @@
-import { type Snippet } from 'svelte';
-export interface ContextWrapperProps {
-    children: Snippet;
-    debug?: boolean;
-}
+import type { ContextWrapperProps } from './ContextWrapperProps.js';
 declare const ContextWrapper: import("svelte").Component<ContextWrapperProps, {}, "">;
 type ContextWrapper = ReturnType<typeof ContextWrapper>;
 export default ContextWrapper;

package/dist/Components/Base/ContextWrapperProps.d.ts

@@ -0,0 +1,5 @@
+import type { Snippet } from 'svelte';
+export interface ContextWrapperProps {
+    children: Snippet;
+    debug?: boolean;
+}

package/dist/Components/Base/ContextWrapperProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/Base/Pagination.svelte

@@ -1,24 +1,16 @@
 <svelte:options runes />
 
-<script lang="ts" module>
+<script lang="ts" generics="T extends object">
 	import { autoPluralise, generateShortUUID } from '../../Helpers/Helpers.svelte.js';
-	import { Button, Colour, Icon, NumberInput, Side, Size, Variant } from '../../index.js';
-	import type { Snippet } from 'svelte';
-
-	export interface PaginationProps<T extends object> {
-		items: T[];
-		key: string & keyof T;
-		pageSize?: number;
-		snippet: Snippet<[T, number]>;
-		itemName?: string;
-		border?: boolean;
-		padding?: string;
-		gap?: string;
-		height?: string;
-	}
-</script>
+	import { Colour } from '../../scss/colours.js';
+	import { Side } from '../../Types/Internal/Side.js';
+	import { Size } from '../../Types/Internal/Size.js';
+	import { Variant } from '../../Types/Internal/Variant.js';
+	import Button from '../Button.svelte';
+	import Icon from '../Icon.svelte';
+	import NumberInput from '../NumberInput.svelte';
+	import type { PaginationProps } from './PaginationProps.js';
 
-<script lang="ts" generics="T extends object">
 	const {
 		items,
 		key,
@@ -52,19 +44,15 @@
 		}
 	}
 
-	let pageButtons: number[] = $state([]);
+	let pageButtons: Array<number> = $state([]);
 
 	$effect(() => {
-		if (pageIndex == null) {
-			pageButtons = [1];
-		} else {
-			const startingPage = Math.min(lastPage - 2, pageIndex - 1);
-			const pageToStartWith = Math.max(1, Math.min(startingPage, lastPage - 4));
-
-			pageButtons = new Array(Math.min(lastPage, 5))
-				.fill(pageToStartWith)
-				.map((item, index) => item + index);
-		}
+		const startingPage = Math.min(lastPage - 2, pageIndex - 1);
+		const pageToStartWith = Math.max(1, Math.min(startingPage, lastPage - 4));
+
+		pageButtons = new Array<number>(Math.min(lastPage, 5))
+			.fill(pageToStartWith)
+			.map((item, index) => item + index);
 	});
 </script>
 
@@ -86,12 +74,15 @@
 	</div>
 </div> -->
 
+<!-- 	style={`${padding ? `padding: ${padding};` : ''}` +
+		`${gap ? `gap: ${gap};` : ''}` +
+		`${height ? `height: ${height};` : ''}`} -->
 <div
 	class="wrapper"
 	class:border
-	style={`${padding ? `padding: ${padding};` : ''}` +
-		`${gap ? `gap: ${gap};` : ''}` +
-		`${height ? `height: ${height};` : ''}`}
+	style={(padding ? `padding: ${padding};` : '') +
+		(gap ? `gap: ${gap};` : '') +
+		(height ? `height: ${height};` : '')}
 >
 	{#each pageItems as item, index (item[key])}
 		{@render snippet(item, index)}

package/dist/Components/Base/Pagination.svelte.d.ts

@@ -1,15 +1,4 @@
-import type { Snippet } from 'svelte';
-export interface PaginationProps<T extends object> {
-    items: T[];
-    key: string & keyof T;
-    pageSize?: number;
-    snippet: Snippet<[T, number]>;
-    itemName?: string;
-    border?: boolean;
-    padding?: string;
-    gap?: string;
-    height?: string;
-}
+import type { PaginationProps } from './PaginationProps.js';
 declare function $$render<T extends object>(): {
     props: PaginationProps<T>;
     exports: {};

package/dist/Components/Base/PaginationProps.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from 'svelte';
+export interface PaginationProps<T extends object> {
+    items: Array<T>;
+    key: string & keyof T;
+    pageSize?: number;
+    snippet: Snippet<[T, number]>;
+    itemName?: string;
+    border?: boolean;
+    padding?: string;
+    gap?: string;
+    height?: string;
+}

package/dist/Components/Base/PaginationProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/BigRadioSet.svelte

@@ -1,16 +1,8 @@
 <svelte:options runes />
 
-<script lang="ts" module>
-	import type { BigRadioOption } from '../Types/Internal/BigRadioOption.js';
-
-	export interface BigRadioSetProps<T> {
-		name?: string;
-		options: BigRadioOption<T>[];
-		selected?: T;
-	}
-</script>
-
 <script lang="ts" generics="T">
+	import type { BigRadioOption } from '../Types/Internal/BigRadioOption.js';
+	import type { BigRadioSetProps } from './BigRadioSetProps.js';
 	let { name, options, selected = $bindable() }: BigRadioSetProps<T> = $props();
 
 	// let selected: T | undefined = $state();
@@ -18,6 +10,7 @@
 
 <div class="wrapper">
 	{#each options as option (option)}
+		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
 		{@render radio(option)}
 	{/each}
 </div>
@@ -25,7 +18,7 @@
 {#snippet radio(option: BigRadioOption<T>)}
 	<!-- {@debug selected} -->
 	<label class:selected={selected === option.value}>
-		<input type="radio" name="hello" bind:group={selected} value={option.value} />
+		<input type="radio" {name} bind:group={selected} value={option.value} />
 		<div class="text">
 			<h5 class="title">{option.label}</h5>
 			<p class="note">{option.info}</p>

package/dist/Components/BigRadioSet.svelte.d.ts

@@ -1,9 +1,4 @@
-import type { BigRadioOption } from '../Types/Internal/BigRadioOption.js';
-export interface BigRadioSetProps<T> {
-    name?: string;
-    options: BigRadioOption<T>[];
-    selected?: T;
-}
+import type { BigRadioSetProps } from './BigRadioSetProps.js';
 declare function $$render<T>(): {
     props: BigRadioSetProps<T>;
     exports: {};

package/dist/Components/BigRadioSetProps.d.ts

@@ -0,0 +1,6 @@
+import type { BigRadioOption } from '../Types/Internal/BigRadioOption.js';
+export interface BigRadioSetProps<T> {
+    name?: string;
+    options: Array<BigRadioOption<T>>;
+    selected?: T;
+}

package/dist/Components/BigRadioSetProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/Bubble.svelte

@@ -1,26 +1,9 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import type { Colour } from '../scss/colours.js';
-	import type { SelectOption } from '../Types/Internal/SelectOption.js';
 	import { Size } from '../Types/Internal/Size.js';
-
-	export interface BubbleColour {
-		colour: Colour;
-		backgroundColour: Colour;
-	}
-
-	export interface BubbleProps {
-		value: string;
-
-		onclick?: () => void;
-		icon?: PartialIconProps;
-		bold?: boolean;
-		size?: Size;
-		label?: string;
-		options?: SelectOption<unknown>[];
-		colours?: BubbleColour | null | undefined;
-	}
+	import type { BubbleProps } from './BubbleProps.js';
+	import Icon from './Icon.svelte';
 
 	const horizontalWithValue: Partial<Record<Size, string>> = {
 		[Size.Large]: '1rem'
@@ -44,8 +27,6 @@
 </script>
 
 <script lang="ts">
-	import Icon, { type PartialIconProps } from './Icon.svelte';
-
 	const {
 		options,
 		value,
@@ -71,9 +52,11 @@
 
 {#if onclick}
 	<button class="contents" {onclick}>
+		<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
 		{@render bubble()}
 	</button>
 {:else}
+	<!-- eslint-disable-next-line @typescript-eslint/no-confusing-void-expression -->
 	{@render bubble()}
 {/if}
 

package/dist/Components/Bubble.svelte.d.ts

@@ -1,21 +1,4 @@
-import type { Colour } from '../scss/colours.js';
-import type { SelectOption } from '../Types/Internal/SelectOption.js';
-import { Size } from '../Types/Internal/Size.js';
-export interface BubbleColour {
-    colour: Colour;
-    backgroundColour: Colour;
-}
-export interface BubbleProps {
-    value: string;
-    onclick?: () => void;
-    icon?: PartialIconProps;
-    bold?: boolean;
-    size?: Size;
-    label?: string;
-    options?: SelectOption<unknown>[];
-    colours?: BubbleColour | null | undefined;
-}
-import { type PartialIconProps } from './Icon.svelte';
+import type { BubbleProps } from './BubbleProps.js';
 declare const Bubble: import("svelte").Component<BubbleProps, {}, "">;
 type Bubble = ReturnType<typeof Bubble>;
 export default Bubble;

package/dist/Components/BubbleColour.d.ts

@@ -0,0 +1,5 @@
+import type { Colour } from '../scss/colours.js';
+export interface BubbleColour {
+    colour: Colour;
+    backgroundColour: Colour;
+}

package/dist/Components/BubbleColour.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/BubbleProps.d.ts

@@ -0,0 +1,14 @@
+import type { SelectOption } from '../Types/Internal/SelectOption.js';
+import type { Size } from '../Types/Internal/Size.js';
+import type { BubbleColour } from './BubbleColour.js';
+import type { PartialIconProps } from './PartialIconProps.js';
+export interface BubbleProps {
+    value: string;
+    onclick?: () => void;
+    icon?: PartialIconProps;
+    bold?: boolean;
+    size?: Size;
+    label?: string;
+    options?: Array<SelectOption<unknown>>;
+    colours?: BubbleColour | null | undefined;
+}

package/dist/Components/BubbleProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/Button.svelte

@@ -1,16 +1,16 @@
 <svelte:options runes />
 
 <script module lang="ts">
-	import type { PartialIconProps } from './Icon.svelte';
-	import Icon from './Icon.svelte';
-	import { getContext, type Snippet } from 'svelte';
-	import { Size } from '../Types/Internal/Size.js';
-	import { Colour, ColourSet } from '../scss/colours.js';
-	import { Variant } from '../Types/Internal/Variant.js';
-	import { Side } from '../Types/Internal/Side.js';
 	import { TooltipContext } from '../Contexts/TooltipContext.svelte.js';
 	import { Delay } from '../Delay/Delay.js';
 	import { passthrough } from '../Helpers/Helpers.svelte.js';
+	import { Colour, ColourSet } from '../scss/colours.js';
+	import { Side } from '../Types/Internal/Side.js';
+	import { Size } from '../Types/Internal/Size.js';
+	import { Variant } from '../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import type { ButtonProps } from './ButtonProps.js';
+	import Icon from './Icon.svelte';
 
 	const paddingSizesVertical: Record<Size, string> = {
 		[Size.Tiny]: '0.25rem',
@@ -42,19 +42,19 @@
 		[Size.FillHeight]: '0.75rem' // TODO decide
 	};
 
-	const fontSizes: Record<Size, string> = {
-		[Size.Tiny]: '0.8rem',
-		[Size.Small]: '0.85rem',
-		[Size.MediumSmall]: '0.94rem',
-		[Size.Medium]: '1rem',
-		[Size.MediumLarge]: '1rem',
-		[Size.Large]: '1.16rem',
-		[Size.XLarge]: '1.32rem',
-		[Size.DoubleXLarge]: '1.48rem',
-		[Size.TripleXLarge]: '1.64rem',
-		[Size.FillWidth]: '1rem', // TODO decide
-		[Size.FillHeight]: '1rem' // TODO decide
-	};
+	// const fontSizes: Record<Size, string> = {
+	// 	[Size.Tiny]: '0.8rem',
+	// 	[Size.Small]: '0.85rem',
+	// 	[Size.MediumSmall]: '0.94rem',
+	// 	[Size.Medium]: '1rem',
+	// 	[Size.MediumLarge]: '1rem',
+	// 	[Size.Large]: '1.16rem',
+	// 	[Size.XLarge]: '1.32rem',
+	// 	[Size.DoubleXLarge]: '1.48rem',
+	// 	[Size.TripleXLarge]: '1.64rem',
+	// 	[Size.FillWidth]: '1rem', // TODO decide
+	// 	[Size.FillHeight]: '1rem' // TODO decide
+	// };
 
 	// TODO
 	const borderSizes: Record<Size, string> = {
@@ -80,33 +80,6 @@
 		[ColourSet.Error]: Colour['$error-border'],
 		[ColourSet.Info]: Colour['$error-border']
 	};
-
-	export interface ButtonProps {
-		type?: 'button' | 'submit' | 'reset' | undefined;
-		variant?: Variant | undefined;
-		toggled?: boolean | undefined;
-		iconLeft?: PartialIconProps | undefined;
-		iconTop?: PartialIconProps | undefined;
-		iconRight?: PartialIconProps | undefined;
-		iconBottom?: PartialIconProps | undefined;
-		nowrap?: boolean | undefined;
-		side?: Side | undefined;
-		size?: Size | undefined;
-		dashed?: boolean | undefined;
-		disabled?: boolean | undefined;
-		fullWidth?: boolean | undefined;
-		label?: string | null | undefined;
-		colourSet?: ColourSet | undefined;
-		onclick?: ((e: MouseEvent) => void) | undefined;
-		onfocus?: ((e: FocusEvent) => void) | undefined;
-		onblur?: ((e: FocusEvent) => void) | undefined;
-
-		children?: Snippet;
-
-		relative?: boolean;
-
-		noninteractive?: boolean;
-	}
 </script>
 
 <script lang="ts">
@@ -152,7 +125,7 @@
 			});
 		}
 	}}
-	onmouseleave={(e) => {
+	onmouseleave={() => {
 		if (label) {
 			tooltipContext.hideTooltip(label);
 		}

package/dist/Components/Button.svelte.d.ts

@@ -1,32 +1,4 @@
-import type { PartialIconProps } from './Icon.svelte';
-import { type Snippet } from 'svelte';
-import { Size } from '../Types/Internal/Size.js';
-import { ColourSet } from '../scss/colours.js';
-import { Variant } from '../Types/Internal/Variant.js';
-import { Side } from '../Types/Internal/Side.js';
-export interface ButtonProps {
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    variant?: Variant | undefined;
-    toggled?: boolean | undefined;
-    iconLeft?: PartialIconProps | undefined;
-    iconTop?: PartialIconProps | undefined;
-    iconRight?: PartialIconProps | undefined;
-    iconBottom?: PartialIconProps | undefined;
-    nowrap?: boolean | undefined;
-    side?: Side | undefined;
-    size?: Size | undefined;
-    dashed?: boolean | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    label?: string | null | undefined;
-    colourSet?: ColourSet | undefined;
-    onclick?: ((e: MouseEvent) => void) | undefined;
-    onfocus?: ((e: FocusEvent) => void) | undefined;
-    onblur?: ((e: FocusEvent) => void) | undefined;
-    children?: Snippet;
-    relative?: boolean;
-    noninteractive?: boolean;
-}
+import type { ButtonProps } from './ButtonProps.js';
 declare const Button: import("svelte").Component<ButtonProps, {}, "">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/Components/ButtonProps.d.ts

@@ -0,0 +1,29 @@
+import type { ColourSet } from '../scss/colours.js';
+import type { Side } from '../Types/Internal/Side.js';
+import type { Size } from '../Types/Internal/Size.js';
+import type { Variant } from '../Types/Internal/Variant.js';
+import type { Snippet } from 'svelte';
+import type { PartialIconProps } from './PartialIconProps.js';
+export interface ButtonProps {
+    type?: 'button' | 'submit' | 'reset' | undefined;
+    variant?: Variant | undefined;
+    toggled?: boolean | undefined;
+    iconLeft?: PartialIconProps | undefined;
+    iconTop?: PartialIconProps | undefined;
+    iconRight?: PartialIconProps | undefined;
+    iconBottom?: PartialIconProps | undefined;
+    nowrap?: boolean | undefined;
+    side?: Side | undefined;
+    size?: Size | undefined;
+    dashed?: boolean | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    label?: string | null | undefined;
+    colourSet?: ColourSet | undefined;
+    onclick?: ((e: MouseEvent) => void) | undefined;
+    onfocus?: ((e: FocusEvent) => void) | undefined;
+    onblur?: ((e: FocusEvent) => void) | undefined;
+    children?: Snippet;
+    relative?: boolean;
+    noninteractive?: boolean;
+}

package/dist/Components/ButtonProps.js

@@ -0,0 +1 @@
+export {};