fluid-ui-svelte 0.0.9 → 0.1.1

package/README.md

@@ -1,58 +1,11 @@
-# create-svelte
+# Fluid UI Svelte Library
 
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+TODO 
 
-Read more about creating a library [in the docs](https://svelte.dev/docs/kit/packaging).
+## Getting Started
 
-## Creating a project
+TODO 
 
-If you're seeing this, you've probably already done this step. Congrats!
+## Documentation
 
-```bash
-# create a new project in the current directory
-npx sv create
 
-# create a new project in my-app
-npx sv create my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
-
-## Building
-
-To build your library:
-
-```bash
-npm run package
-```
-
-To create a production version of your showcase app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
-
-## Publishing
-
-Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
-
-To publish your library to [npm](https://www.npmjs.com):
-
-```bash
-npm publish
-```

package/dist/components/{UploadZone.svelte.d.ts → Badge.svelte.d.ts}

@@ -1,12 +1,12 @@
-export default UploadZone;
-type UploadZone = SvelteComponent<{
+export default Badge;
+type Badge = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const UploadZone: $$__sveltets_2_IsomorphicComponent<{
+declare const Badge: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/components/{NotificationArea.svelte.d.ts → Calendar.svelte.d.ts}

@@ -1,12 +1,12 @@
-export default NotificationArea;
-type NotificationArea = SvelteComponent<{
+export default Calendar;
+type Calendar = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string | undefined;
 };
-declare const NotificationArea: $$__sveltets_2_IsomorphicComponent<{
+declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/components/Drawer.svelte

@@ -1,35 +1,33 @@
 <script lang="ts">
-	import { onMount, type Snippet } from "svelte";
+	import type { Snippet } from "svelte";
 	import Container from "../primitives/Container.svelte";
-	import { fade, slide } from "svelte/transition";
-	import { cubicInOut } from "svelte/easing";
 	import Button from "../primitives/Button.svelte";
 	let {
 		class: className,
+		contentClass,
 		isOpen = $bindable(false),
-		alignment = "right",
 		children,
 		overrideDefaultStyling = false,
 	}: {
 		class?: string;
+		contentClass?: string;
 		isOpen?: boolean;
-		alignment: "left" | "right" | "top" | "bottom";
 		overrideDefaultStyling?: boolean;
 		children: Snippet;
 	} = $props();
 </script>
 
-<Container overrideDefaultStyling={true} class={(overrideDefaultStyling ? "" : "fluid-drawer") + (isOpen ? "" : " hidden")}>
-	<Container
-		class={"fluid-drawer-body" + (alignment == "left" || alignment == "right" ? ` ${alignment}-0 h-full` : "") + (alignment == "top" || alignment == "bottom" ? ` ${alignment}-0 w-full` : "")}
-	>
+<Container overrideDefaultStyling={true} class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-drawer" + (className ? ` ${className}` : "")}>
+	<Container class={overrideDefaultStyling ? "" + (contentClass ? `${contentClass}` : "") : "fluid-drawer-body" + (contentClass ? ` ${contentClass}` : "")}>
 		{@render children()}
 	</Container>
-	<Container
+	<Button
+		overrideDefaultStyling
 		class="fluid-drawer-backdrop"
-		onclick={(e: MouseEvent) => {
-			console.log(isOpen);
+		onclick={(e: Event) => {
 			isOpen = false;
 		}}
-	></Container>
+	>
+		<Container></Container>
+	</Button>
 </Container>

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

@@ -1,8 +1,8 @@
-import { type Snippet } from "svelte";
+import type { Snippet } from "svelte";
 declare const Drawer: import("svelte").Component<{
     class?: string;
+    contentClass?: string;
     isOpen?: boolean;
-    alignment: "left" | "right" | "top" | "bottom";
     overrideDefaultStyling?: boolean;
     children: Snippet;
 }, {}, "isOpen">;

package/dist/components/Dropdown.svelte

@@ -1,18 +1,17 @@
 <script lang="ts">
 	import Container from "../primitives/Container.svelte";
 	import Button from "../primitives/Button.svelte";
-	import { type Snippet } from "svelte";
+	import type { Snippet } from "svelte";
 	const {
 		class: className,
+		contentClass,
 		overrideDefaultStyling = false,
-		matchContentWidthToTrigger = false,
 		trigger,
 		children,
-		...restProps
 	}: {
 		class?: string;
+		contentClass?: string;
 		overrideDefaultStyling?: boolean;
-		matchContentWidthToTrigger?: boolean;
 		trigger: Snippet<[isOpen: boolean]>;
 		children: Snippet;
 	} = $props();
@@ -28,7 +27,9 @@
 	>
 		{@render trigger(isOpen)}
 	</Button>
-	<Container class={"fluid-dropdown-content" + (isOpen ? "" : " hidden") + (matchContentWidthToTrigger ? " w-full" : "")}>
-		{@render children()}
+	<Container class={(overrideDefaultStyling ? "" : "fluid-dropdown-content") + (contentClass ? ` ${contentClass}` : "")}>
+		{#if isOpen}
+			{@render children()}
+		{/if}
 	</Container>
 </Container>

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

@@ -1,8 +1,8 @@
-import { type Snippet } from "svelte";
+import type { Snippet } from "svelte";
 declare const Dropdown: import("svelte").Component<{
     class?: string;
+    contentClass?: string;
     overrideDefaultStyling?: boolean;
-    matchContentWidthToTrigger?: boolean;
     trigger: Snippet<[isOpen: boolean]>;
     children: Snippet;
 }, {}, "">;

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

@@ -0,0 +1,26 @@
+export default Dropzone;
+type Dropzone = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const Dropzone: $$__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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,21 @@
+<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

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

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { default as Anchor } from "./primitives/Anchor.svelte";
+export { default as Link } from "./primitives/Link.svelte";
 export { default as Button } from "./primitives/Button.svelte";
 export { default as Container } from "./primitives/Container.svelte";
 export { default as Dialog } from "./primitives/Dialog.svelte";
@@ -19,14 +19,14 @@ export { default as Accordion } from "./components/Accordion.svelte";
 export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
 export { default as Drawer } from "./components/Drawer.svelte";
 export { default as Dropdown } from "./components/Dropdown.svelte";
-export { default as NotificationArea } from "./components/NotificationArea.svelte";
+export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
 export { default as Pagination } from "./components/Pagination.svelte";
 export { default as Progress } from "./components/Progress.svelte";
 export { default as Switch } from "./components/Switch.svelte";
 export { default as Tabs } from "./components/Tabs.svelte";
 export { default as UploadZone } from "./components/UploadZone.svelte";
 export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
-export { default as InteractiveScrollArea } from "./prebuilt/InteractiveScrollArea.svelte";
+export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
 export { default as Document } from "./prebuilt/document/Document.svelte";
 export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
 export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";

package/dist/index.js

@@ -1,5 +1,5 @@
 // Primitives 
-export { default as Anchor } from "./primitives/Anchor.svelte";
+export { default as Link } from "./primitives/Link.svelte";
 export { default as Button } from "./primitives/Button.svelte";
 export { default as Container } from "./primitives/Container.svelte";
 export { default as Dialog } from "./primitives/Dialog.svelte";
@@ -21,7 +21,7 @@ export { default as Accordion } from "./components/Accordion.svelte";
 export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
 export { default as Drawer } from "./components/Drawer.svelte";
 export { default as Dropdown } from "./components/Dropdown.svelte";
-export { default as NotificationArea } from "./components/NotificationArea.svelte";
+export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
 export { default as Pagination } from "./components/Pagination.svelte";
 export { default as Progress } from "./components/Progress.svelte";
 export { default as Switch } from "./components/Switch.svelte";
@@ -29,7 +29,7 @@ export { default as Tabs } from "./components/Tabs.svelte";
 export { default as UploadZone } from "./components/UploadZone.svelte";
 // Prebuilt
 export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
-export { default as InteractiveScrollArea } from "./prebuilt/InteractiveScrollArea.svelte";
+export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
 export { default as Document } from "./prebuilt/document/Document.svelte";
 export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
 export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";

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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,26 @@
+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,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLButtonAttributes } from "svelte/elements";
+	import type { HTMLButtonAttributes } from "svelte/elements";
 
 	const {
 		class: className = "",
@@ -34,8 +34,8 @@
 	}}
 	class={(overrideDefaultStyling ? "" : "fluid-button") +
 		(className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "") +
-		(" fluid-" + buttonType + "-button") +
-		(" fluid-" + buttonStyle + "-button")}
+		(overrideDefaultStyling ? "" : " fluid-" + buttonType + "-button") +
+		(overrideDefaultStyling ? "" : " fluid-" + buttonStyle + "-button")}
 	{...restProps}
 >
 	{@render children()}

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLButtonAttributes } from "svelte/elements";
+import type { HTMLButtonAttributes } from "svelte/elements";
 declare const Button: import("svelte").Component<{
     class?: string;
     buttonType?: "solid" | "outline" | "transparent";

package/dist/primitives/Container.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	const {
 		containerType = "div",

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { HTMLAttributes } from "svelte/elements";
 declare const Container: import("svelte").Component<{
     containerType?: "div" | "section" | "aside" | "nav" | "footer";
     class?: string;

package/dist/primitives/Dialog.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLDialogAttributes } from "svelte/elements";
+	import type { HTMLDialogAttributes } from "svelte/elements";
 	let {
 		class: className,
 		isOpen = $bindable(false),
@@ -32,7 +32,7 @@
 	onclose={(e: Event) => {
 		isOpen = false;
 	}}
-	class={(overrideDefaultStyling ? "" : "fluid-dialog") +  (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
+	class={(overrideDefaultStyling ? "" : "fluid-dialog") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
 	{...restProps}
 >
 	{@render children()}

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLDialogAttributes } from "svelte/elements";
+import type { HTMLDialogAttributes } from "svelte/elements";
 declare const Dialog: import("svelte").Component<{
     class?: string;
     isOpen?: boolean;

package/dist/primitives/Divider.svelte

@@ -0,0 +1,14 @@
+<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

@@ -0,0 +1,6 @@
+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,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLFormAttributes } from "svelte/elements";
+	import type { HTMLFormAttributes } from "svelte/elements";
 	const {
 		class: className,
 		children,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLFormAttributes } from "svelte/elements";
+import type { HTMLFormAttributes } from "svelte/elements";
 declare const Form: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/Image.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLImgAttributes } from "svelte/elements";
+	import type { HTMLImgAttributes } from "svelte/elements";
 	const {
 		class: className,
 		loadingSnippet,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLImgAttributes } from "svelte/elements";
+import type { HTMLImgAttributes } from "svelte/elements";
 declare const Image: import("svelte").Component<{
     class?: string;
     loadingSnippet?: Snippet;

package/dist/primitives/Input.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type HTMLInputAttributes } from "svelte/elements";
+	import type { HTMLInputAttributes } from "svelte/elements";
 	let {
 		class: className,
 		value = $bindable(),
@@ -19,5 +19,5 @@
 {#if type === "checkbox"}
 	<input {...restProps} bind:checked type="checkbox" class={(overrideDefaultStyling ? "" : "fluid-checkbox") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
 {:else}
-	<input {...restProps} bind:value class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
+	<input {...restProps} bind:value {type} class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
 {/if}

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

@@ -1,4 +1,4 @@
-import { type HTMLInputAttributes } from "svelte/elements";
+import type { HTMLInputAttributes } from "svelte/elements";
 declare const Input: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/Label.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLLabelAttributes } from "svelte/elements";
+	import type { HTMLLabelAttributes } from "svelte/elements";
 	const {
 		class: className,
 		children,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLLabelAttributes } from "svelte/elements";
+import type { HTMLLabelAttributes } from "svelte/elements";
 declare const Label: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/{Anchor.svelte → Link.svelte}

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLAnchorAttributes } from "svelte/elements";
+	import type { HTMLAnchorAttributes } from "svelte/elements";
 	const {
 		class: className,
 		children,

package/dist/primitives/{Anchor.svelte.d.ts → Link.svelte.d.ts}

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

package/dist/primitives/Table.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLTableAttributes } from "svelte/elements";
+	import type { HTMLTableAttributes } from "svelte/elements";
 	const {
 		class: className,
 		children,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLTableAttributes } from "svelte/elements";
+import type { HTMLTableAttributes } from "svelte/elements";
 declare const Table: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/TableData.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLTdAttributes } from "svelte/elements";
+	import type { HTMLTdAttributes } from "svelte/elements";
 	const {
 		class: className,
 		overrideDefaultStyling = false,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLTdAttributes } from "svelte/elements";
+import type { HTMLTdAttributes } from "svelte/elements";
 declare const TableData: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/TableHead.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLThAttributes } from "svelte/elements";
+	import type { HTMLThAttributes } from "svelte/elements";
 	const {
 		class: className,
 		overrideDefaultStyling = false,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLThAttributes } from "svelte/elements";
+import type { HTMLThAttributes } from "svelte/elements";
 declare const TableHead: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/TableRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import type { Snippet } from "svelte";
-	import { type HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from "svelte/elements";
 	const {
 		class: className,
 		overrideDefaultStyling = false,

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

@@ -1,5 +1,5 @@
 import type { Snippet } from "svelte";
-import { type HTMLAttributes } from "svelte/elements";
+import type { HTMLAttributes } from "svelte/elements";
 declare const TableRow: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/dist/primitives/Text.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type HTMLAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	const {
 		textType = "p",

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

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from "svelte/elements";
+import type { HTMLAttributes } from "svelte/elements";
 declare const Text: import("svelte").Component<{
     textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     textValue: string;

package/dist/primitives/TextArea.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { type HTMLTextareaAttributes } from "svelte/elements";
+	import type { HTMLTextareaAttributes } from "svelte/elements";
 	let {
 		class: className,
 		value = $bindable(),

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

@@ -1,4 +1,4 @@
-import { type HTMLTextareaAttributes } from "svelte/elements";
+import type { HTMLTextareaAttributes } from "svelte/elements";
 declare const TextArea: import("svelte").Component<{
     class?: string;
     overrideDefaultStyling?: boolean;

package/package.json

@@ -1,13 +1,13 @@
 {
 	"name": "fluid-ui-svelte",
-	"version": "0.0.9",
+	"version": "0.1.1",
 	"author": {
 		"name": "Emre Ayaz",
 		"email": "emreayaz@frostium.io",
 		"url": "https://emreayaz.com"
 	},
 	"repository": {
-		"url": "https://github.com/frostium-dev/fluid-ui"
+		"url": "https://github.com/ayazemre/fluid-ui"
 	},
 	"scripts": {
 		"dev": "vite dev",
@@ -44,7 +44,6 @@
 		"svelte": "^5.0.0"
 	},
 	"devDependencies": {
-		"@iconify/svelte": "^4.0.2",
 		"@playwright/test": "^1.45.3",
 		"@sveltejs/adapter-auto": "^3.0.0",
 		"@sveltejs/kit": "^2.0.0",

package/dist/components/UploadZone.svelte

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