fluid-ui-svelte 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/components/Badge.svelte +0 -0
  2. package/dist/components/{UploadZone.svelte.d.ts → Badge.svelte.d.ts} +3 -3
  3. package/dist/components/Calendar.svelte +0 -0
  4. package/dist/components/{NotificationArea.svelte.d.ts → Calendar.svelte.d.ts} +3 -3
  5. package/dist/components/Drawer.svelte +11 -13
  6. package/dist/components/Drawer.svelte.d.ts +2 -2
  7. package/dist/components/Dropdown.svelte +7 -6
  8. package/dist/components/Dropdown.svelte.d.ts +2 -2
  9. package/dist/components/Dropzone.svelte.d.ts +26 -0
  10. package/dist/components/charts/BatteryChart.svelte +0 -0
  11. package/dist/components/charts/BatteryChart.svelte.d.ts +26 -0
  12. package/dist/components/charts/LineChart.svelte +0 -0
  13. package/dist/components/charts/LineChart.svelte.d.ts +26 -0
  14. package/dist/components/charts/PieChart.svelte +0 -0
  15. package/dist/components/charts/PieChart.svelte.d.ts +26 -0
  16. package/dist/components/notification/NotificationArea.svelte +21 -0
  17. package/dist/components/notification/NotificationArea.svelte.d.ts +7 -0
  18. package/dist/index.d.ts +3 -3
  19. package/dist/index.js +3 -3
  20. package/dist/prebuilt/timeline/Timeline.svelte +0 -0
  21. package/dist/prebuilt/timeline/Timeline.svelte.d.ts +26 -0
  22. package/dist/prebuilt/timeline/TimelineItem.svelte +0 -0
  23. package/dist/prebuilt/timeline/TimelineItem.svelte.d.ts +26 -0
  24. package/dist/primitives/Button.svelte +3 -3
  25. package/dist/primitives/Button.svelte.d.ts +1 -1
  26. package/dist/primitives/Container.svelte +1 -1
  27. package/dist/primitives/Container.svelte.d.ts +1 -1
  28. package/dist/primitives/Dialog.svelte +2 -2
  29. package/dist/primitives/Dialog.svelte.d.ts +1 -1
  30. package/dist/primitives/Divider.svelte +14 -0
  31. package/dist/primitives/Divider.svelte.d.ts +6 -0
  32. package/dist/primitives/Form.svelte +1 -1
  33. package/dist/primitives/Form.svelte.d.ts +1 -1
  34. package/dist/primitives/Image.svelte +1 -1
  35. package/dist/primitives/Image.svelte.d.ts +1 -1
  36. package/dist/primitives/Input.svelte +2 -2
  37. package/dist/primitives/Input.svelte.d.ts +1 -1
  38. package/dist/primitives/Label.svelte +1 -1
  39. package/dist/primitives/Label.svelte.d.ts +1 -1
  40. package/dist/primitives/{Anchor.svelte → Link.svelte} +1 -1
  41. package/dist/primitives/{Anchor.svelte.d.ts → Link.svelte.d.ts} +3 -3
  42. package/dist/primitives/Table.svelte +1 -1
  43. package/dist/primitives/Table.svelte.d.ts +1 -1
  44. package/dist/primitives/TableData.svelte +1 -1
  45. package/dist/primitives/TableData.svelte.d.ts +1 -1
  46. package/dist/primitives/TableHead.svelte +1 -1
  47. package/dist/primitives/TableHead.svelte.d.ts +1 -1
  48. package/dist/primitives/TableRow.svelte +1 -1
  49. package/dist/primitives/TableRow.svelte.d.ts +1 -1
  50. package/dist/primitives/Text.svelte +1 -1
  51. package/dist/primitives/Text.svelte.d.ts +1 -1
  52. package/dist/primitives/TextArea.svelte +1 -1
  53. package/dist/primitives/TextArea.svelte.d.ts +1 -1
  54. package/package.json +2 -3
  55. package/dist/components/UploadZone.svelte +0 -1
  56. /package/dist/components/{NotificationArea.svelte → Dropzone.svelte} +0 -0
  57. /package/dist/{prebuilt → components}/InteractiveScrollArea.svelte +0 -0
  58. /package/dist/{prebuilt → components}/InteractiveScrollArea.svelte.d.ts +0 -0
File without changes
@@ -1,12 +1,12 @@
1
- export default UploadZone;
2
- type UploadZone = SvelteComponent<{
1
+ export default Badge;
2
+ type Badge = SvelteComponent<{
3
3
  [x: string]: never;
4
4
  }, {
5
5
  [evt: string]: CustomEvent<any>;
6
6
  }, {}> & {
7
7
  $$bindings?: string | undefined;
8
8
  };
9
- declare const UploadZone: $$__sveltets_2_IsomorphicComponent<{
9
+ declare const Badge: $$__sveltets_2_IsomorphicComponent<{
10
10
  [x: string]: never;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
File without changes
@@ -1,12 +1,12 @@
1
- export default NotificationArea;
2
- type NotificationArea = SvelteComponent<{
1
+ export default Calendar;
2
+ type Calendar = SvelteComponent<{
3
3
  [x: string]: never;
4
4
  }, {
5
5
  [evt: string]: CustomEvent<any>;
6
6
  }, {}> & {
7
7
  $$bindings?: string | undefined;
8
8
  };
9
- declare const NotificationArea: $$__sveltets_2_IsomorphicComponent<{
9
+ declare const Calendar: $$__sveltets_2_IsomorphicComponent<{
10
10
  [x: string]: never;
11
11
  }, {
12
12
  [evt: string]: CustomEvent<any>;
@@ -1,35 +1,33 @@
1
1
  <script lang="ts">
2
- import { onMount, type Snippet } from "svelte";
2
+ import type { Snippet } from "svelte";
3
3
  import Container from "../primitives/Container.svelte";
4
- import { fade, slide } from "svelte/transition";
5
- import { cubicInOut } from "svelte/easing";
6
4
  import Button from "../primitives/Button.svelte";
7
5
  let {
8
6
  class: className,
7
+ contentClass,
9
8
  isOpen = $bindable(false),
10
- alignment = "right",
11
9
  children,
12
10
  overrideDefaultStyling = false,
13
11
  }: {
14
12
  class?: string;
13
+ contentClass?: string;
15
14
  isOpen?: boolean;
16
- alignment: "left" | "right" | "top" | "bottom";
17
15
  overrideDefaultStyling?: boolean;
18
16
  children: Snippet;
19
17
  } = $props();
20
18
  </script>
21
19
 
22
- <Container overrideDefaultStyling={true} class={(overrideDefaultStyling ? "" : "fluid-drawer") + (isOpen ? "" : " hidden")}>
23
- <Container
24
- class={"fluid-drawer-body" + (alignment == "left" || alignment == "right" ? ` ${alignment}-0 h-full` : "") + (alignment == "top" || alignment == "bottom" ? ` ${alignment}-0 w-full` : "")}
25
- >
20
+ <Container overrideDefaultStyling={true} class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-drawer" + (className ? ` ${className}` : "")}>
21
+ <Container class={overrideDefaultStyling ? "" + (contentClass ? `${contentClass}` : "") : "fluid-drawer-body" + (contentClass ? ` ${contentClass}` : "")}>
26
22
  {@render children()}
27
23
  </Container>
28
- <Container
24
+ <Button
25
+ overrideDefaultStyling
29
26
  class="fluid-drawer-backdrop"
30
- onclick={(e: MouseEvent) => {
31
- console.log(isOpen);
27
+ onclick={(e: Event) => {
32
28
  isOpen = false;
33
29
  }}
34
- ></Container>
30
+ >
31
+ <Container></Container>
32
+ </Button>
35
33
  </Container>
@@ -1,8 +1,8 @@
1
- import { type Snippet } from "svelte";
1
+ import type { Snippet } from "svelte";
2
2
  declare const Drawer: import("svelte").Component<{
3
3
  class?: string;
4
+ contentClass?: string;
4
5
  isOpen?: boolean;
5
- alignment: "left" | "right" | "top" | "bottom";
6
6
  overrideDefaultStyling?: boolean;
7
7
  children: Snippet;
8
8
  }, {}, "isOpen">;
@@ -1,18 +1,17 @@
1
1
  <script lang="ts">
2
2
  import Container from "../primitives/Container.svelte";
3
3
  import Button from "../primitives/Button.svelte";
4
- import { type Snippet } from "svelte";
4
+ import type { Snippet } from "svelte";
5
5
  const {
6
6
  class: className,
7
+ contentClass,
7
8
  overrideDefaultStyling = false,
8
- matchContentWidthToTrigger = false,
9
9
  trigger,
10
10
  children,
11
- ...restProps
12
11
  }: {
13
12
  class?: string;
13
+ contentClass?: string;
14
14
  overrideDefaultStyling?: boolean;
15
- matchContentWidthToTrigger?: boolean;
16
15
  trigger: Snippet<[isOpen: boolean]>;
17
16
  children: Snippet;
18
17
  } = $props();
@@ -28,7 +27,9 @@
28
27
  >
29
28
  {@render trigger(isOpen)}
30
29
  </Button>
31
- <Container class={"fluid-dropdown-content" + (isOpen ? "" : " hidden") + (matchContentWidthToTrigger ? " w-full" : "")}>
32
- {@render children()}
30
+ <Container class={(overrideDefaultStyling ? "" : "fluid-dropdown-content") + (contentClass ? ` ${contentClass}` : "")}>
31
+ {#if isOpen}
32
+ {@render children()}
33
+ {/if}
33
34
  </Container>
34
35
  </Container>
@@ -1,8 +1,8 @@
1
- import { type Snippet } from "svelte";
1
+ import type { Snippet } from "svelte";
2
2
  declare const Dropdown: import("svelte").Component<{
3
3
  class?: string;
4
+ contentClass?: string;
4
5
  overrideDefaultStyling?: boolean;
5
- matchContentWidthToTrigger?: boolean;
6
6
  trigger: Snippet<[isOpen: boolean]>;
7
7
  children: Snippet;
8
8
  }, {}, "">;
@@ -0,0 +1,26 @@
1
+ export default Dropzone;
2
+ type Dropzone = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const Dropzone: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
File without changes
@@ -0,0 +1,26 @@
1
+ export default BatteryChart;
2
+ type BatteryChart = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const BatteryChart: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
File without changes
@@ -0,0 +1,26 @@
1
+ export default LineChart;
2
+ type LineChart = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const LineChart: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
File without changes
@@ -0,0 +1,26 @@
1
+ export default PieChart;
2
+ type PieChart = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const PieChart: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
@@ -0,0 +1,21 @@
1
+ <script lang="ts">
2
+ import Container from "../../primitives/Container.svelte";
3
+ import Text from "../../primitives/Text.svelte";
4
+ import type { Snippet } from "svelte";
5
+
6
+ const {
7
+ class: className,
8
+ overrideDefaultStyling = false,
9
+ children,
10
+ }: {
11
+ class?: string;
12
+ overrideDefaultStyling?: boolean;
13
+ children?: Snippet;
14
+ } = $props();
15
+ </script>
16
+
17
+ <Container overrideDefaultStyling class={overrideDefaultStyling ? "" + (className ? className : "") : "fluid-notification-area" + (className ? ` ${className}` : "")}>
18
+ {#if children}
19
+ {@render children()}
20
+ {/if}
21
+ </Container>
@@ -0,0 +1,7 @@
1
+ import type { Snippet } from "svelte";
2
+ declare const NotificationArea: import("svelte").Component<{
3
+ class?: string;
4
+ overrideDefaultStyling?: boolean;
5
+ children?: Snippet;
6
+ }, {}, "">;
7
+ export default NotificationArea;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { default as Anchor } from "./primitives/Anchor.svelte";
1
+ export { default as Link } from "./primitives/Link.svelte";
2
2
  export { default as Button } from "./primitives/Button.svelte";
3
3
  export { default as Container } from "./primitives/Container.svelte";
4
4
  export { default as Dialog } from "./primitives/Dialog.svelte";
@@ -19,14 +19,14 @@ export { default as Accordion } from "./components/Accordion.svelte";
19
19
  export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
20
20
  export { default as Drawer } from "./components/Drawer.svelte";
21
21
  export { default as Dropdown } from "./components/Dropdown.svelte";
22
- export { default as NotificationArea } from "./components/NotificationArea.svelte";
22
+ export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
23
23
  export { default as Pagination } from "./components/Pagination.svelte";
24
24
  export { default as Progress } from "./components/Progress.svelte";
25
25
  export { default as Switch } from "./components/Switch.svelte";
26
26
  export { default as Tabs } from "./components/Tabs.svelte";
27
27
  export { default as UploadZone } from "./components/UploadZone.svelte";
28
28
  export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
29
- export { default as InteractiveScrollArea } from "./prebuilt/InteractiveScrollArea.svelte";
29
+ export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
30
30
  export { default as Document } from "./prebuilt/document/Document.svelte";
31
31
  export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
32
32
  export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // Primitives
2
- export { default as Anchor } from "./primitives/Anchor.svelte";
2
+ export { default as Link } from "./primitives/Link.svelte";
3
3
  export { default as Button } from "./primitives/Button.svelte";
4
4
  export { default as Container } from "./primitives/Container.svelte";
5
5
  export { default as Dialog } from "./primitives/Dialog.svelte";
@@ -21,7 +21,7 @@ export { default as Accordion } from "./components/Accordion.svelte";
21
21
  export { default as Breadcrumb } from "./components/Breadcrumb.svelte";
22
22
  export { default as Drawer } from "./components/Drawer.svelte";
23
23
  export { default as Dropdown } from "./components/Dropdown.svelte";
24
- export { default as NotificationArea } from "./components/NotificationArea.svelte";
24
+ export { default as NotificationArea } from "./components/notification/NotificationArea.svelte";
25
25
  export { default as Pagination } from "./components/Pagination.svelte";
26
26
  export { default as Progress } from "./components/Progress.svelte";
27
27
  export { default as Switch } from "./components/Switch.svelte";
@@ -29,7 +29,7 @@ export { default as Tabs } from "./components/Tabs.svelte";
29
29
  export { default as UploadZone } from "./components/UploadZone.svelte";
30
30
  // Prebuilt
31
31
  export { default as FormBuilder } from "./prebuilt/FormBuilder.svelte";
32
- export { default as InteractiveScrollArea } from "./prebuilt/InteractiveScrollArea.svelte";
32
+ export { default as InteractiveScrollArea } from "./components/InteractiveScrollArea.svelte";
33
33
  export { default as Document } from "./prebuilt/document/Document.svelte";
34
34
  export { default as DocumentBlock } from "./prebuilt/document/DocumentBlock.svelte";
35
35
  export { default as DocumentPage } from "./prebuilt/document/DocumentPage.svelte";
File without changes
@@ -0,0 +1,26 @@
1
+ export default Timeline;
2
+ type Timeline = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const Timeline: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
File without changes
@@ -0,0 +1,26 @@
1
+ export default TimelineItem;
2
+ type TimelineItem = SvelteComponent<{
3
+ [x: string]: never;
4
+ }, {
5
+ [evt: string]: CustomEvent<any>;
6
+ }, {}> & {
7
+ $$bindings?: string | undefined;
8
+ };
9
+ declare const TimelineItem: $$__sveltets_2_IsomorphicComponent<{
10
+ [x: string]: never;
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}, {}, string>;
14
+ 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> {
15
+ new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
+ $$bindings?: Bindings;
17
+ } & Exports;
18
+ (internal: unknown, props: {
19
+ $$events?: Events;
20
+ $$slots?: Slots;
21
+ }): Exports & {
22
+ $set?: any;
23
+ $on?: any;
24
+ };
25
+ z_$$bindings?: Bindings;
26
+ }
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLButtonAttributes } from "svelte/elements";
3
+ import type { HTMLButtonAttributes } from "svelte/elements";
4
4
 
5
5
  const {
6
6
  class: className = "",
@@ -34,8 +34,8 @@
34
34
  }}
35
35
  class={(overrideDefaultStyling ? "" : "fluid-button") +
36
36
  (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "") +
37
- (" fluid-" + buttonType + "-button") +
38
- (" fluid-" + buttonStyle + "-button")}
37
+ (overrideDefaultStyling ? "" : " fluid-" + buttonType + "-button") +
38
+ (overrideDefaultStyling ? "" : " fluid-" + buttonStyle + "-button")}
39
39
  {...restProps}
40
40
  >
41
41
  {@render children()}
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLButtonAttributes } from "svelte/elements";
2
+ import type { HTMLButtonAttributes } from "svelte/elements";
3
3
  declare const Button: import("svelte").Component<{
4
4
  class?: string;
5
5
  buttonType?: "solid" | "outline" | "transparent";
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLAttributes } from "svelte/elements";
3
+ import type { HTMLAttributes } from "svelte/elements";
4
4
 
5
5
  const {
6
6
  containerType = "div",
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLAttributes } from "svelte/elements";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
3
  declare const Container: import("svelte").Component<{
4
4
  containerType?: "div" | "section" | "aside" | "nav" | "footer";
5
5
  class?: string;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLDialogAttributes } from "svelte/elements";
3
+ import type { HTMLDialogAttributes } from "svelte/elements";
4
4
  let {
5
5
  class: className,
6
6
  isOpen = $bindable(false),
@@ -32,7 +32,7 @@
32
32
  onclose={(e: Event) => {
33
33
  isOpen = false;
34
34
  }}
35
- class={(overrideDefaultStyling ? "" : "fluid-dialog") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
35
+ class={(overrideDefaultStyling ? "" : "fluid-dialog") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")}
36
36
  {...restProps}
37
37
  >
38
38
  {@render children()}
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLDialogAttributes } from "svelte/elements";
2
+ import type { HTMLDialogAttributes } from "svelte/elements";
3
3
  declare const Dialog: import("svelte").Component<{
4
4
  class?: string;
5
5
  isOpen?: boolean;
@@ -0,0 +1,14 @@
1
+ <script lang="ts">
2
+ import type { HTMLAttributes } from "svelte/elements";
3
+ const {
4
+ class: className,
5
+ children,
6
+ overrideDefaultStyling = false,
7
+ ...restProps
8
+ }: {
9
+ class?: string;
10
+ overrideDefaultStyling?: boolean;
11
+ } & HTMLAttributes<HTMLHRElement> = $props();
12
+ </script>
13
+
14
+ <hr {...restProps} class={(overrideDefaultStyling ? "" : "fluid-divider") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
@@ -0,0 +1,6 @@
1
+ import type { HTMLAttributes } from "svelte/elements";
2
+ declare const Divider: import("svelte").Component<{
3
+ class?: string;
4
+ overrideDefaultStyling?: boolean;
5
+ } & HTMLAttributes<HTMLHRElement>, {}, "">;
6
+ export default Divider;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLFormAttributes } from "svelte/elements";
3
+ import type { HTMLFormAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  children,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLFormAttributes } from "svelte/elements";
2
+ import type { HTMLFormAttributes } from "svelte/elements";
3
3
  declare const Form: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLImgAttributes } from "svelte/elements";
3
+ import type { HTMLImgAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  loadingSnippet,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLImgAttributes } from "svelte/elements";
2
+ import type { HTMLImgAttributes } from "svelte/elements";
3
3
  declare const Image: import("svelte").Component<{
4
4
  class?: string;
5
5
  loadingSnippet?: Snippet;
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { type HTMLInputAttributes } from "svelte/elements";
2
+ import type { HTMLInputAttributes } from "svelte/elements";
3
3
  let {
4
4
  class: className,
5
5
  value = $bindable(),
@@ -19,5 +19,5 @@
19
19
  {#if type === "checkbox"}
20
20
  <input {...restProps} bind:checked type="checkbox" class={(overrideDefaultStyling ? "" : "fluid-checkbox") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
21
21
  {:else}
22
- <input {...restProps} bind:value class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
22
+ <input {...restProps} bind:value {type} class={(overrideDefaultStyling ? "" : "fluid-input") + (className ? (overrideDefaultStyling ? `${className}` : ` ${className}`) : "")} />
23
23
  {/if}
@@ -1,4 +1,4 @@
1
- import { type HTMLInputAttributes } from "svelte/elements";
1
+ import type { HTMLInputAttributes } from "svelte/elements";
2
2
  declare const Input: import("svelte").Component<{
3
3
  class?: string;
4
4
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLLabelAttributes } from "svelte/elements";
3
+ import type { HTMLLabelAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  children,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLLabelAttributes } from "svelte/elements";
2
+ import type { HTMLLabelAttributes } from "svelte/elements";
3
3
  declare const Label: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLAnchorAttributes } from "svelte/elements";
3
+ import type { HTMLAnchorAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  children,
@@ -1,8 +1,8 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLAnchorAttributes } from "svelte/elements";
3
- declare const Anchor: import("svelte").Component<{
2
+ import type { HTMLAnchorAttributes } from "svelte/elements";
3
+ declare const Link: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
6
6
  children: Snippet;
7
7
  } & HTMLAnchorAttributes, {}, "">;
8
- export default Anchor;
8
+ export default Link;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLTableAttributes } from "svelte/elements";
3
+ import type { HTMLTableAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  children,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLTableAttributes } from "svelte/elements";
2
+ import type { HTMLTableAttributes } from "svelte/elements";
3
3
  declare const Table: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLTdAttributes } from "svelte/elements";
3
+ import type { HTMLTdAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  overrideDefaultStyling = false,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLTdAttributes } from "svelte/elements";
2
+ import type { HTMLTdAttributes } from "svelte/elements";
3
3
  declare const TableData: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLThAttributes } from "svelte/elements";
3
+ import type { HTMLThAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  overrideDefaultStyling = false,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLThAttributes } from "svelte/elements";
2
+ import type { HTMLThAttributes } from "svelte/elements";
3
3
  declare const TableHead: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
2
  import type { Snippet } from "svelte";
3
- import { type HTMLAttributes } from "svelte/elements";
3
+ import type { HTMLAttributes } from "svelte/elements";
4
4
  const {
5
5
  class: className,
6
6
  overrideDefaultStyling = false,
@@ -1,5 +1,5 @@
1
1
  import type { Snippet } from "svelte";
2
- import { type HTMLAttributes } from "svelte/elements";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
3
  declare const TableRow: import("svelte").Component<{
4
4
  class?: string;
5
5
  overrideDefaultStyling?: boolean;
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { type HTMLAttributes } from "svelte/elements";
2
+ import type { HTMLAttributes } from "svelte/elements";
3
3
 
4
4
  const {
5
5
  textType = "p",
@@ -1,4 +1,4 @@
1
- import { type HTMLAttributes } from "svelte/elements";
1
+ import type { HTMLAttributes } from "svelte/elements";
2
2
  declare const Text: import("svelte").Component<{
3
3
  textType?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
4
4
  textValue: string;
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { type HTMLTextareaAttributes } from "svelte/elements";
2
+ import type { HTMLTextareaAttributes } from "svelte/elements";
3
3
  let {
4
4
  class: className,
5
5
  value = $bindable(),
@@ -1,4 +1,4 @@
1
- import { type HTMLTextareaAttributes } from "svelte/elements";
1
+ import type { HTMLTextareaAttributes } from "svelte/elements";
2
2
  declare const TextArea: import("svelte").Component<{
3
3
  class?: string;
4
4
  overrideDefaultStyling?: boolean;
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "fluid-ui-svelte",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "author": {
5
5
  "name": "Emre Ayaz",
6
6
  "email": "emreayaz@frostium.io",
7
7
  "url": "https://emreayaz.com"
8
8
  },
9
9
  "repository": {
10
- "url": "https://github.com/frostium-dev/fluid-ui"
10
+ "url": "https://github.com/ayazemre/fluid-ui"
11
11
  },
12
12
  "scripts": {
13
13
  "dev": "vite dev",
@@ -44,7 +44,6 @@
44
44
  "svelte": "^5.0.0"
45
45
  },
46
46
  "devDependencies": {
47
- "@iconify/svelte": "^4.0.2",
48
47
  "@playwright/test": "^1.45.3",
49
48
  "@sveltejs/adapter-auto": "^3.0.0",
50
49
  "@sveltejs/kit": "^2.0.0",
@@ -1 +0,0 @@
1
- <!-- TODO -->