fluid-ui-svelte 0.0.2 → 0.0.3

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        inputType?: "checkbox" | "radio" | undefined;
+        inputClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ToggleInputProps = typeof __propDef.props;
+export type ToggleInputEvents = typeof __propDef.events;
+export type ToggleInputSlots = typeof __propDef.slots;
+export default class ToggleInput extends SvelteComponent<ToggleInputProps, ToggleInputEvents, ToggleInputSlots> {
+}
+export {};

package/dist/primitives/Label/Label.svelte

@@ -0,0 +1,10 @@
+<script>export let labelClass = "";
+export let defaultClass = "fluid-label";
+export let overrideClass = false;
+export let targetInput = "";
+export let text = "";
+</script>
+
+<label class={overrideClass ? labelClass : defaultClass + ' ' + labelClass} for={targetInput}>
+	{text}
+</label>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        labelClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+        targetInput?: string | undefined;
+        text?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LabelProps = typeof __propDef.props;
+export type LabelEvents = typeof __propDef.events;
+export type LabelSlots = typeof __propDef.slots;
+export default class Label extends SvelteComponent<LabelProps, LabelEvents, LabelSlots> {
+}
+export {};

package/dist/primitives/Link/Link.svelte

@@ -0,0 +1,16 @@
+<script>export let linkClass = "";
+export let defaultClass = "fluid-link";
+export let overrideClass = false;
+export let url = "";
+export let target = "_blank";
+export let isDownload = false;
+</script>
+
+<a
+	href={url}
+	download={isDownload}
+	class={overrideClass ? linkClass : defaultClass + ' ' + linkClass}
+	{target}
+>
+	<slot />
+</a>

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

@@ -0,0 +1,23 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        linkClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+        url?: string | undefined;
+        target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
+        isDownload?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type LinkProps = typeof __propDef.props;
+export type LinkEvents = typeof __propDef.events;
+export type LinkSlots = typeof __propDef.slots;
+export default class Link extends SvelteComponent<LinkProps, LinkEvents, LinkSlots> {
+}
+export {};

package/dist/primitives/Select/Option.svelte

@@ -0,0 +1,9 @@
+<script>export let optionClass = "";
+export let defaultClass = "fluid-option";
+export let overrideClass = false;
+export let value = "a";
+</script>
+
+<option class={overrideClass ? optionClass : defaultClass + ' ' + optionClass} {value}>
+	<slot />
+</option>

package/dist/primitives/Select/Option.svelte.d.ts

@@ -0,0 +1,21 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        optionClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+        value?: string | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type OptionProps = typeof __propDef.props;
+export type OptionEvents = typeof __propDef.events;
+export type OptionSlots = typeof __propDef.slots;
+export default class Option extends SvelteComponent<OptionProps, OptionEvents, OptionSlots> {
+}
+export {};

package/dist/primitives/Select/Select.svelte

@@ -0,0 +1,14 @@
+<script>export let selectClass = "";
+export let defaultClass = "fluid-select";
+export let overrideClass = false;
+export let isDisabled = false;
+export let isMultiple = false;
+</script>
+
+<select
+	class={overrideClass ? selectClass : defaultClass + ' ' + selectClass}
+	disabled={isDisabled}
+	multiple={isMultiple}
+>
+	<slot />
+</select>

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        selectClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+        isDisabled?: boolean | undefined;
+        isMultiple?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type SelectProps = typeof __propDef.props;
+export type SelectEvents = typeof __propDef.events;
+export type SelectSlots = typeof __propDef.slots;
+export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
+}
+export {};

package/dist/primitives/Table/Table.svelte

@@ -0,0 +1,8 @@
+<script>export let tableClass = "";
+export let defaultClass = "fluid-table";
+export let overrideClass = false;
+</script>
+
+<table class={overrideClass ? tableClass : defaultClass + ' ' + tableClass}>
+	<slot />
+</table>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableProps = typeof __propDef.props;
+export type TableEvents = typeof __propDef.events;
+export type TableSlots = typeof __propDef.slots;
+export default class Table extends SvelteComponent<TableProps, TableEvents, TableSlots> {
+}
+export {};

package/dist/primitives/Table/TableBody.svelte

@@ -0,0 +1,8 @@
+<script>export let tableBodyClass = "";
+export let defaultClass = "fluid-table-body";
+export let overrideClass = false;
+</script>
+
+<tbody class={overrideClass ? tableBodyClass : defaultClass + ' ' + tableBodyClass}>
+	<slot />
+</tbody>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableBodyClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableBodyProps = typeof __propDef.props;
+export type TableBodyEvents = typeof __propDef.events;
+export type TableBodySlots = typeof __propDef.slots;
+export default class TableBody extends SvelteComponent<TableBodyProps, TableBodyEvents, TableBodySlots> {
+}
+export {};

package/dist/primitives/Table/TableDataCell.svelte

@@ -0,0 +1,8 @@
+<script>export let tableDataCellClass = "";
+export let defaultClass = "fluid-table-cell";
+export let overrideClass = false;
+</script>
+
+<td class={overrideClass ? tableDataCellClass : defaultClass + ' ' + tableDataCellClass}>
+	<slot />
+</td>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableDataCellClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableDataCellProps = typeof __propDef.props;
+export type TableDataCellEvents = typeof __propDef.events;
+export type TableDataCellSlots = typeof __propDef.slots;
+export default class TableDataCell extends SvelteComponent<TableDataCellProps, TableDataCellEvents, TableDataCellSlots> {
+}
+export {};

package/dist/primitives/Table/TableFoot.svelte

@@ -0,0 +1,8 @@
+<script>export let tableFootClass = "";
+export let defaultClass = "fluid-table-foot";
+export let overrideClass = false;
+</script>
+
+<tfoot class={overrideClass ? tableFootClass : defaultClass + ' ' + tableFootClass}>
+	<slot />
+</tfoot>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableFootClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableFootProps = typeof __propDef.props;
+export type TableFootEvents = typeof __propDef.events;
+export type TableFootSlots = typeof __propDef.slots;
+export default class TableFoot extends SvelteComponent<TableFootProps, TableFootEvents, TableFootSlots> {
+}
+export {};

package/dist/primitives/Table/TableHead.svelte

@@ -0,0 +1,8 @@
+<script>export let tableHeadClass = "";
+export let defaultClass = "fluid-table-head";
+export let overrideClass = false;
+</script>
+
+<thead class={overrideClass ? tableHeadClass : defaultClass + ' ' + tableHeadClass}>
+	<slot />
+</thead>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableHeadClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableHeadProps = typeof __propDef.props;
+export type TableHeadEvents = typeof __propDef.events;
+export type TableHeadSlots = typeof __propDef.slots;
+export default class TableHead extends SvelteComponent<TableHeadProps, TableHeadEvents, TableHeadSlots> {
+}
+export {};

package/dist/primitives/Table/TableHeader.svelte

@@ -0,0 +1,8 @@
+<script>export let tableHeaderClass = "";
+export let defaultClass = "fluid-table-header";
+export let overrideClass = false;
+</script>
+
+<th class={overrideClass ? tableHeaderClass : defaultClass + ' ' + tableHeaderClass}>
+	<slot />
+</th>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableHeaderClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableHeaderProps = typeof __propDef.props;
+export type TableHeaderEvents = typeof __propDef.events;
+export type TableHeaderSlots = typeof __propDef.slots;
+export default class TableHeader extends SvelteComponent<TableHeaderProps, TableHeaderEvents, TableHeaderSlots> {
+}
+export {};

package/dist/primitives/Table/TableRow.svelte

@@ -0,0 +1,8 @@
+<script>export let tableRowClass = "";
+export let defaultClass = "fluid-table-row";
+export let overrideClass = false;
+</script>
+
+<tr class={overrideClass ? tableRowClass : defaultClass + ' ' + tableRowClass}>
+	<slot />
+</tr>

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

@@ -0,0 +1,20 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        tableRowClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TableRowProps = typeof __propDef.props;
+export type TableRowEvents = typeof __propDef.events;
+export type TableRowSlots = typeof __propDef.slots;
+export default class TableRow extends SvelteComponent<TableRowProps, TableRowEvents, TableRowSlots> {
+}
+export {};

package/dist/primitives/Text/Text.svelte

@@ -0,0 +1,37 @@
+<script>export let textType = "p";
+export let defaultClass = "text";
+export let textClass = "";
+export let overrideClass = false;
+</script>
+
+{#if textType == 'h1'}
+	<h1 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h1>
+{:else if textType == 'h2'}
+	<h2 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h2>
+{:else if textType == 'h3'}
+	<h3 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h3>
+{:else if textType == 'h4'}
+	<h4 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h4>
+{:else if textType == 'h5'}
+	<h5 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h5>
+{:else if textType == 'h6'}
+	<h6 class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</h6>
+{:else if textType == 'p'}
+	<p class={overrideClass ? textClass : defaultClass + ' ' + textClass} {...$$restProps}>
+		<slot />
+	</p>
+{:else}
+	<p class="font-bold">Text format error.</p>
+{/if}

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

@@ -0,0 +1,22 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        defaultClass?: string | undefined;
+        textClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {
+        default: {};
+    };
+};
+export type TextProps = typeof __propDef.props;
+export type TextEvents = typeof __propDef.events;
+export type TextSlots = typeof __propDef.slots;
+export default class Text extends SvelteComponent<TextProps, TextEvents, TextSlots> {
+}
+export {};

package/dist/primitives/Video/Video.svelte

@@ -0,0 +1,25 @@
+<script>export let audioClass = "";
+export let defaultClass = "fluid-video";
+export let overrideClass = false;
+export let src = "";
+export let isAutoPlay = false;
+export let isControls = false;
+export let isLoop = false;
+export let isMuted = false;
+export let preload = "auto";
+</script>
+
+<video
+	on:play
+	on:pause
+	on:canplay
+	on:progress
+	class={overrideClass ? audioClass : defaultClass + ' ' + audioClass}
+	{src}
+	autoplay={isAutoPlay}
+	controls={isControls}
+	loop={isLoop}
+	muted={isMuted}
+	{preload}
+	{...$$restProps}
+/>

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

@@ -0,0 +1,30 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: any;
+        audioClass?: string | undefined;
+        defaultClass?: string | undefined;
+        overrideClass?: boolean | undefined;
+        src?: string | undefined;
+        isAutoPlay?: boolean | undefined;
+        isControls?: boolean | undefined;
+        isLoop?: boolean | undefined;
+        isMuted?: boolean | undefined;
+        preload?: "auto" | "metadata" | "none" | undefined;
+    };
+    events: {
+        play: Event;
+        pause: Event;
+        canplay: Event;
+        progress: ProgressEvent<EventTarget>;
+    } & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type VideoProps = typeof __propDef.props;
+export type VideoEvents = typeof __propDef.events;
+export type VideoSlots = typeof __propDef.slots;
+export default class Video extends SvelteComponent<VideoProps, VideoEvents, VideoSlots> {
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fluid-ui-svelte",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"description": "Unopinionated UI library for Svelte.",
 	"scripts": {
 		"dev": "vite dev",
@@ -37,14 +37,17 @@
 		"@sveltejs/package": "^2.0.0",
 		"@typescript-eslint/eslint-plugin": "^6.0.0",
 		"@typescript-eslint/parser": "^6.0.0",
+		"autoprefixer": "^10.4.16",
 		"eslint": "^8.28.0",
 		"eslint-config-prettier": "^8.5.0",
 		"eslint-plugin-svelte": "^2.30.0",
+		"postcss": "^8.4.31",
 		"prettier": "^2.8.0",
 		"prettier-plugin-svelte": "^2.10.1",
 		"publint": "^0.1.9",
 		"svelte": "^4.0.5",
 		"svelte-check": "^3.4.3",
+		"tailwindcss": "^3.3.5",
 		"tslib": "^2.4.1",
 		"typescript": "^5.0.0",
 		"vite": "^4.4.2",
@@ -52,8 +55,5 @@
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
-	"type": "module",
-	"dependencies": {
-		"zod": "^3.22.4"
-	}
+	"type": "module"
 }

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

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  AccordionProps */
-/** @typedef {typeof __propDef.events}  AccordionEvents */
-/** @typedef {typeof __propDef.slots}  AccordionSlots */
-export default class Accordion extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type AccordionProps = typeof __propDef.props;
-export type AccordionEvents = typeof __propDef.events;
-export type AccordionSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

package/dist/components/Button/Button.svelte

@@ -1,6 +0,0 @@
-<script>export let buttonProps;
-</script>
-
-<button type={buttonProps.buttonType}>
-	<slot />
-</button>

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

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { ButtonProps } from './buttonTypes.js';
-declare const __propDef: {
-    props: {
-        buttonProps: ButtonProps;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        default: {};
-    };
-};
-type ButtonProps_ = typeof __propDef.props;
-export { ButtonProps_ as ButtonProps };
-export type ButtonEvents = typeof __propDef.events;
-export type ButtonSlots = typeof __propDef.slots;
-export default class Button extends SvelteComponent<ButtonProps, ButtonEvents, ButtonSlots> {
-}

package/dist/components/Button/buttonTypes.d.ts

@@ -1,9 +0,0 @@
-import { z } from "zod";
-export declare const ButtonProps: z.ZodObject<{
-    buttonType: z.ZodEnum<["button", "submit", "reset"]>;
-}, "strip", z.ZodTypeAny, {
-    buttonType: "button" | "submit" | "reset";
-}, {
-    buttonType: "button" | "submit" | "reset";
-}>;
-export type ButtonProps = z.infer<typeof ButtonProps>;

package/dist/components/Button/buttonTypes.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonProps = void 0;
-const zod_1 = require("zod");
-exports.ButtonProps = zod_1.z.object({ buttonType: zod_1.z.enum(["button", "submit", "reset"]) });

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

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  ContainerProps */
-/** @typedef {typeof __propDef.events}  ContainerEvents */
-/** @typedef {typeof __propDef.slots}  ContainerSlots */
-export default class Container extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type ContainerProps = typeof __propDef.props;
-export type ContainerEvents = typeof __propDef.events;
-export type ContainerSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};

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

@@ -1,23 +0,0 @@
-/** @typedef {typeof __propDef.props}  InputProps */
-/** @typedef {typeof __propDef.events}  InputEvents */
-/** @typedef {typeof __propDef.slots}  InputSlots */
-export default class Input extends SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> {
-}
-export type InputProps = typeof __propDef.props;
-export type InputEvents = typeof __propDef.events;
-export type InputSlots = typeof __propDef.slots;
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        [x: string]: never;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export {};