fluid-ui-svelte 0.2.3 → 0.3.0

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

@@ -1,26 +0,0 @@
-export default Tooltip;
-type Tooltip = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Tooltip: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/charts/BatteryChart.svelte.d.ts

@@ -1,26 +0,0 @@
-export default BatteryChart;
-type BatteryChart = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const BatteryChart: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/charts/LineChart.svelte.d.ts

@@ -1,26 +0,0 @@
-export default LineChart;
-type LineChart = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const LineChart: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/charts/PieChart.svelte.d.ts

@@ -1,26 +0,0 @@
-export default PieChart;
-type PieChart = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const PieChart: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/components/notification/NotificationArea.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import Container from "../../primitives/Container.svelte";
-	import Text from "../../primitives/Text.svelte";
-	import type { Snippet } from "svelte";
-
-	const {
-		class: className,
-		overrideDefaultStyling = false,
-		children,
-	}: {
-		class?: string;
-		overrideDefaultStyling?: boolean;
-		children?: Snippet;
-	} = $props();
-</script>
-
-<Container overrideDefaultStyling class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-notification-area" + (className ? ` ${className}` : "")}>
-	{#if children}
-		{@render children()}
-	{/if}
-</Container>

package/dist/components/notification/NotificationArea.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { Snippet } from "svelte";
-declare const NotificationArea: import("svelte").Component<{
-    class?: string;
-    overrideDefaultStyling?: boolean;
-    children?: Snippet;
-}, {}, "">;
-export default NotificationArea;

package/dist/prebuilt/FormBuilder.svelte

@@ -1 +0,0 @@
-<!-- TODO -->

package/dist/prebuilt/FormBuilder.svelte.d.ts

@@ -1,26 +0,0 @@
-export default FormBuilder;
-type FormBuilder = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const FormBuilder: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/prebuilt/document/Document.svelte

@@ -1 +0,0 @@
-<!-- TODO -->

package/dist/prebuilt/document/Document.svelte.d.ts

@@ -1,26 +0,0 @@
-export default Document;
-type Document = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Document: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/prebuilt/document/DocumentBlock.svelte

@@ -1 +0,0 @@
-<!-- TODO -->

package/dist/prebuilt/document/DocumentBlock.svelte.d.ts

@@ -1,26 +0,0 @@
-export default DocumentBlock;
-type DocumentBlock = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const DocumentBlock: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/prebuilt/document/DocumentPage.svelte

@@ -1 +0,0 @@
-<!-- TODO -->

package/dist/prebuilt/document/DocumentPage.svelte.d.ts

@@ -1,26 +0,0 @@
-export default DocumentPage;
-type DocumentPage = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const DocumentPage: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/prebuilt/timeline/Timeline.svelte.d.ts

@@ -1,26 +0,0 @@
-export default Timeline;
-type Timeline = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const Timeline: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/prebuilt/timeline/TimelineItem.svelte.d.ts

@@ -1,26 +0,0 @@
-export default TimelineItem;
-type TimelineItem = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const TimelineItem: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/primitives/Button.svelte

@@ -1,53 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLButtonAttributes } from "svelte/elements";
-
-	let {
-		class: className = "",
-		buttonType = "solid",
-		buttonStyle = "primary",
-		onclick,
-		overrideDefaultStyling = false,
-		isActive = $bindable(false),
-		activeChildren,
-		children,
-		...restProps
-	}: {
-		class?: string;
-		buttonType?: "solid" | "outline" | "transparent";
-		buttonStyle?: "primary" | "secondary" | "tetriary" | "neutral";
-		onclick: (e: Event) => any;
-		overrideDefaultStyling?: boolean;
-		isActive?: boolean;
-		activeChildren?: Snippet;
-		children: Snippet;
-	} & Omit<HTMLButtonAttributes, "onclick"> = $props();
-</script>
-
-<button
-	onclick={async (e: Event) => {
-		if (isActive) {
-			return;
-		}
-		if (onclick) {
-			isActive = true;
-			await onclick(e);
-			isActive = false;
-		}
-	}}
-	class={(overrideDefaultStyling ? "" : "fluid-button") +
-		(className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "") +
-		(overrideDefaultStyling ? "" : " fluid-" + buttonType + "-button") +
-		(overrideDefaultStyling ? "" : " fluid-" + buttonStyle + "-button")}
-	{...restProps}
->
-	{#if activeChildren}
-		{#if isActive}
-			{@render activeChildren()}
-		{:else}
-			{@render children()}
-		{/if}
-	{:else}
-		{@render children()}
-	{/if}
-</button>

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

@@ -1,13 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLButtonAttributes } from "svelte/elements";
-declare const Button: import("svelte").Component<{
-    class?: string;
-    buttonType?: "solid" | "outline" | "transparent";
-    buttonStyle?: "primary" | "secondary" | "tetriary" | "neutral";
-    onclick: (e: Event) => any;
-    overrideDefaultStyling?: boolean;
-    isActive?: boolean;
-    activeChildren?: Snippet;
-    children: Snippet;
-} & Omit<HTMLButtonAttributes, "onclick">, {}, "isActive">;
-export default Button;

package/dist/primitives/Container.svelte

@@ -1,51 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLAttributes } from "svelte/elements";
-
-	let {
-		containerType = "div",
-		class: className = "",
-		overrideDefaultStyling = false,
-		children,
-		rawElement = $bindable(),
-		...restProps
-	}: {
-		containerType?: "div" | "section" | "aside" | "nav" | "footer";
-		class?: string;
-		overrideDefaultStyling?: boolean;
-		children?: Snippet;
-		rawElement?: HTMLElement;
-	} & HTMLAttributes<HTMLElement> = $props();
-</script>
-
-{#if containerType == "div"}
-	<div bind:this={rawElement} {...restProps} class={(overrideDefaultStyling ? "" : "fluid-container") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{#if children}
-			{@render children()}
-		{/if}
-	</div>
-{:else if containerType == "section"}
-	<section bind:this={rawElement} {...restProps} class={(overrideDefaultStyling ? "" : "fluid-container") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{#if children}
-			{@render children()}
-		{/if}
-	</section>
-{:else if containerType == "aside"}
-	<aside bind:this={rawElement} {...restProps} class={(overrideDefaultStyling ? "" : "fluid-container") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{#if children}
-			{@render children()}
-		{/if}
-	</aside>
-{:else if containerType == "nav"}
-	<nav bind:this={rawElement} {...restProps} class={(overrideDefaultStyling ? "" : "fluid-container") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{#if children}
-			{@render children()}
-		{/if}
-	</nav>
-{:else if containerType == "footer"}
-	<footer bind:this={rawElement} {...restProps} class={(overrideDefaultStyling ? "" : "fluid-container") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{#if children}
-			{@render children()}
-		{/if}
-	</footer>
-{/if}

package/dist/primitives/Container.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-declare const Container: import("svelte").Component<{
-    containerType?: "div" | "section" | "aside" | "nav" | "footer";
-    class?: string;
-    overrideDefaultStyling?: boolean;
-    children?: Snippet;
-    rawElement?: HTMLElement;
-} & HTMLAttributes<HTMLElement>, {}, "rawElement">;
-export default Container;

package/dist/primitives/Dialog.svelte

@@ -1,39 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLDialogAttributes } from "svelte/elements";
-	let {
-		class: className,
-		isOpen = $bindable(false),
-		dialogType = "modal",
-		children,
-		overrideDefaultStyling = false,
-		...restProps
-	}: {
-		class?: string;
-		isOpen?: boolean;
-		dialogType?: "modal" | "normal";
-		overrideDefaultStyling?: boolean;
-		children: Snippet;
-	} & HTMLDialogAttributes = $props();
-
-	let dialogElement: HTMLDialogElement;
-
-	$effect(() => {
-		if (isOpen) {
-			dialogType === "modal" ? dialogElement.showModal() : dialogElement.show();
-		} else {
-			dialogElement.close();
-		}
-	});
-</script>
-
-<dialog
-	bind:this={dialogElement}
-	onclose={(e: Event) => {
-		isOpen = false;
-	}}
-	class={(overrideDefaultStyling ? "" : "fluid-dialog") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
-	{...restProps}
->
-	{@render children()}
-</dialog>

package/dist/primitives/Dialog.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLDialogAttributes } from "svelte/elements";
-declare const Dialog: import("svelte").Component<{
-    class?: string;
-    isOpen?: boolean;
-    dialogType?: "modal" | "normal";
-    overrideDefaultStyling?: boolean;
-    children: Snippet;
-} & HTMLDialogAttributes, {}, "isOpen">;
-export default Dialog;

package/dist/primitives/Divider.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-	const {
-		class: className,
-		children,
-		overrideDefaultStyling = false,
-		...restProps
-	}: {
-		class?: string;
-		overrideDefaultStyling?: boolean;
-	} & HTMLAttributes<HTMLHRElement> = $props();
-</script>
-
-<hr {...restProps} class={(overrideDefaultStyling ? "" : "fluid-divider") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />

package/dist/primitives/Divider.svelte.d.ts

@@ -1,6 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-declare const Divider: import("svelte").Component<{
-    class?: string;
-    overrideDefaultStyling?: boolean;
-} & HTMLAttributes<HTMLHRElement>, {}, "">;
-export default Divider;

package/dist/primitives/Form.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLFormAttributes } from "svelte/elements";
-	const {
-		class: className,
-		children,
-		overrideDefaultStyling = false,
-		...restProps
-	}: {
-		class?: string;
-		overrideDefaultStyling?: boolean;
-		children: Snippet;
-	} & HTMLFormAttributes = $props();
-</script>
-
-<form {...restProps} class={(overrideDefaultStyling ? "" : "fluid-form") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-	{@render children()}
-</form>

package/dist/primitives/Form.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLFormAttributes } from "svelte/elements";
-declare const Form: import("svelte").Component<{
-    class?: string;
-    overrideDefaultStyling?: boolean;
-    children: Snippet;
-} & HTMLFormAttributes, {}, "">;
-export default Form;

package/dist/primitives/Image.svelte

@@ -1,57 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from "svelte";
-	import type { HTMLImgAttributes } from "svelte/elements";
-	let {
-		class: className,
-		loadingSnippet,
-		placeholderSnippet,
-		overrideDefaultStyling = false,
-		rawElement = $bindable(),
-		src = $bindable(),
-		...restProps
-	}: {
-		class?: string;
-		loadingSnippet?: Snippet;
-		placeholderSnippet?: Snippet;
-		noPlaceholders?: boolean;
-		src: string;
-		overrideDefaultStyling?: boolean;
-		rawElement?: HTMLElement;
-	} & Omit<HTMLImgAttributes, "onerror" | "onload" | "src"> = $props();
-
-	let status: "loading" | "done" | "failed" = $state("loading");
-	$effect(() => {
-		src ? (status = "loading") : "";
-	});
-</script>
-
-{#if status == "failed" || !src}
-	{#if placeholderSnippet}
-		<div class="fluid-image-error">
-			{@render placeholderSnippet()}
-		</div>
-	{:else}
-		<p>Image not loaded, provide placeholder.</p>
-	{/if}
-{:else}
-	{#if status == "loading"}
-		<div class={"fluid-image-loading" + (status !== "loading" ? " hidden" : "")}>
-			{#if loadingSnippet}
-				{@render loadingSnippet()}
-			{:else}
-				<p>Image loading, provide placeholder.</p>
-			{/if}
-		</div>
-	{/if}
-	<img
-		bind:this={rawElement}
-		{...restProps}
-		onerror={() => {
-			status = "failed";
-		}}
-		onload={() => {
-			status = "done";
-		}}
-		class={(overrideDefaultStyling ? "" : "fluid-image") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "") + (status == "done" ? "" : " hidden")}
-	/>
-{/if}

package/dist/primitives/Image.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { Snippet } from "svelte";
-import type { HTMLImgAttributes } from "svelte/elements";
-declare const Image: import("svelte").Component<{
-    class?: string;
-    loadingSnippet?: Snippet;
-    placeholderSnippet?: Snippet;
-    noPlaceholders?: boolean;
-    src: string;
-    overrideDefaultStyling?: boolean;
-    rawElement?: HTMLElement;
-} & Omit<HTMLImgAttributes, "onload" | "onerror" | "src">, {}, "rawElement" | "src">;
-export default Image;

package/dist/primitives/Input.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { HTMLInputAttributes } from "svelte/elements";
-	let {
-		class: className,
-		value = $bindable(),
-		checked = $bindable(false),
-		type,
-		overrideDefaultStyling = false,
-		...restProps
-	}: {
-		class?: string;
-		overrideDefaultStyling?: boolean;
-		value?: any;
-		checked?: boolean;
-		type: string;
-	} & Omit<HTMLInputAttributes, "value" | "type"> = $props();
-</script>
-
-{#if type === "checkbox"}
-	<input {...restProps} bind:checked type="checkbox" class={(overrideDefaultStyling ? "" : "fluid-checkbox") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
-{:else}
-	<input {...restProps} bind:value {type} class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
-{/if}