fluid-ui-svelte 0.2.4 → 0.3.1

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(),
-
-		...restProps
-	}: {
-		class?: string;
-		loadingSnippet?: Snippet;
-		placeholderSnippet?: Snippet;
-		noPlaceholders?: boolean;
-		src: string;
-		overrideDefaultStyling?: boolean;
-		rawElement?: HTMLElement;
-	} & Omit<HTMLImgAttributes, "onerror" | "onload"> = $props();
-
-	let status: "loading" | "done" | "failed" = $state("loading");
-	$effect(() => {
-		restProps.src ? (status = "loading") : "";
-	});
-</script>
-
-{#if status == "failed" || !restProps.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">, {}, "rawElement">;
-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}

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

@@ -1,9 +0,0 @@
-import type { HTMLInputAttributes } from "svelte/elements";
-declare const Input: import("svelte").Component<{
-    class?: string;
-    overrideDefaultStyling?: boolean;
-    value?: any;
-    checked?: boolean;
-    type: string;
-} & Omit<HTMLInputAttributes, "type" | "value">, {}, "value" | "checked">;
-export default Input;

package/dist/primitives/Label.svelte

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

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

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

package/dist/primitives/Link.svelte

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

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

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

package/dist/primitives/Table.svelte

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

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

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

package/dist/primitives/TableBody.svelte

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

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

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

package/dist/primitives/TableData.svelte

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

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

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

package/dist/primitives/TableFooter.svelte

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

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

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

package/dist/primitives/TableHead.svelte

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

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

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

package/dist/primitives/TableHeader.svelte

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

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

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

package/dist/primitives/TableRow.svelte

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

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

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

package/dist/primitives/Text.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-	import type { HTMLAttributes } from "svelte/elements";
-
-	const {
-		textType = "p",
-		class: className = "",
-		overrideDefaultStyling = false,
-		textValue,
-		...restProps
-	}: {
-		textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-		textValue: string;
-		overrideDefaultStyling?: boolean;
-		class?: string;
-	} & HTMLAttributes<HTMLElement> = $props();
-</script>
-
-{#if textType == "p"}
-	<p {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-p") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</p>
-{:else if textType == "h1"}
-	<h1 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h1") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h1>
-{:else if textType == "h2"}
-	<h2 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h2") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h2>
-{:else if textType == "h3"}
-	<h3 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h3") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h3>
-{:else if textType == "h4"}
-	<h4 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h4") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h4>
-{:else if textType == "h5"}
-	<h5 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h5") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h5>
-{:else if textType == "h6"}
-	<h6 {...restProps} class={(overrideDefaultStyling ? "" : "fluid-text fluid-h6") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}>
-		{textValue}
-	</h6>
-{/if}

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

@@ -1,8 +0,0 @@
-import type { HTMLAttributes } from "svelte/elements";
-declare const Text: import("svelte").Component<{
-    textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    textValue: string;
-    overrideDefaultStyling?: boolean;
-    class?: string;
-} & HTMLAttributes<HTMLElement>, {}, "">;
-export default Text;

package/dist/primitives/TextArea.svelte

@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { HTMLTextareaAttributes } from "svelte/elements";
-	let {
-		class: className,
-		value = $bindable(),
-		overrideDefaultStyling = false,
-		...restProps
-	}: {
-		class?: string;
-		overrideDefaultStyling?: boolean;
-		value: any;
-	} & Omit<HTMLTextareaAttributes, "value"> = $props();
-</script>
-
-<textarea {...restProps} bind:value class={(overrideDefaultStyling ? "" : "fluid-text-area") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}></textarea>

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

@@ -1,7 +0,0 @@
-import type { HTMLTextareaAttributes } from "svelte/elements";
-declare const TextArea: import("svelte").Component<{
-    class?: string;
-    overrideDefaultStyling?: boolean;
-    value: any;
-} & Omit<HTMLTextareaAttributes, "value">, {}, "value">;
-export default TextArea;

package/dist/types.d.ts

@@ -1,4 +0,0 @@
-export type DropdownOptions = {
-    isOpen: boolean;
-    toggleDropdown: Function;
-};

package/dist/types.js

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