fuma 0.1.6 → 0.1.10

package/dist/ui/Slot.svelte

@@ -1,13 +1,20 @@
-<script>export let slot = void 0;
+<script>import { component } from "../index.js";
+import Span from "./Span.svelte";
+export let slot = void 0;
 export let args = void 0;
 function getComponentAndProps(_slot) {
   if (typeof _slot === "object")
     return _slot;
+  if (typeof _slot === "string")
+    return component(Span, { content: _slot });
   if (!args) {
     console.error("args prop is required with slot as function");
     return null;
   }
-  return _slot(args);
+  const result = _slot(args);
+  if (typeof result === "string")
+    return component(Span, { content: result });
+  return result;
 }
 </script>
 

package/dist/ui/Span.svelte

@@ -0,0 +1,4 @@
+<script>export let content;
+</script>
+
+<span>{content}</span>

package/dist/ui/Span.svelte.d.ts

@@ -0,0 +1,16 @@
+import { SvelteComponent } from "svelte";
+declare const __propDef: {
+    props: {
+        content: string;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type SpanProps = typeof __propDef.props;
+export type SpanEvents = typeof __propDef.events;
+export type SpanSlots = typeof __propDef.slots;
+export default class Span extends SvelteComponent<SpanProps, SpanEvents, SpanSlots> {
+}
+export {};

package/dist/ui/ToggleMode.svelte

@@ -10,10 +10,14 @@ mode.subscribe((_mode) => {
     return;
   html.setAttribute("data-theme", _mode);
 });
+$:
+  path = $mode === "light" ? mdiWhiteBalanceSunny : mdiWeatherNight;
 </script>
 
 <ModeWatcher />
 
-<button class="btn btn-square btn-sm" on:click={toggleMode}>
-	<Icon path={$mode === 'light' ? mdiWhiteBalanceSunny : mdiWeatherNight} />
-</button>
+<slot {toggleMode} {path}>
+	<button class="btn btn-square btn-sm" on:click={toggleMode}>
+		<Icon {path} />
+	</button>
+</slot>

package/dist/ui/ToggleMode.svelte.d.ts

@@ -1,10 +1,16 @@
 import { SvelteComponent } from "svelte";
+import { toggleMode } from 'mode-watcher';
 declare const __propDef: {
     props: Record<string, never>;
     events: {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {};
+    slots: {
+        default: {
+            toggleMode: typeof toggleMode;
+            path: string;
+        };
+    };
 };
 export type ToggleModeProps = typeof __propDef.props;
 export type ToggleModeEvents = typeof __propDef.events;

package/dist/ui/input/InputRelation.svelte

@@ -10,12 +10,13 @@ export let search;
 export let createUrl = "";
 export let createTitle = "";
 export let item = null;
+export { item as value };
 export let error = "";
 export let placeholder = "";
 export let tippyProps = {};
 export let flatMode = false;
 export let slotItem = null;
-export let slotSuggestion = null;
+export let slotSuggestion = slotItem;
 let klass = "";
 export { klass as class };
 export let classList = "";

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -10,13 +10,13 @@ declare class __sveltets_Render<RelationItem extends {
         search: (q: string) => Promise<RelationItem[]>;
         createUrl?: string | undefined;
         createTitle?: string | undefined;
-        item?: RelationItem | null | undefined;
+        value?: RelationItem | null | undefined;
         error?: string | undefined;
         placeholder?: string | undefined;
         tippyProps?: Partial<TippyProps> | undefined;
         flatMode?: boolean | undefined;
-        slotItem?: ((item: RelationItem) => ComponentAndProps) | null | undefined;
-        slotSuggestion?: ((item: RelationItem) => ComponentAndProps) | null | undefined;
+        slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         class?: string | undefined;
         classList?: string | undefined;
         clear?: (() => Promise<void>) | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -14,12 +14,13 @@ export let error = "";
 export let placeholder = "";
 export let flatMode = false;
 export let slotItem = null;
-export let slotSuggestion = null;
+export let slotSuggestion = slotItem;
 let klass = "";
 export { klass as class };
 export let classList = "";
 let proposedItems = [];
 export let items = null;
+export { items as value };
 let isLoading = false;
 let isError = false;
 let focusIndex = 0;

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -12,11 +12,11 @@ declare class __sveltets_Render<RelationItem extends {
         error?: string | undefined;
         placeholder?: string | undefined;
         flatMode?: boolean | undefined;
-        slotItem?: ((item: RelationItem) => ComponentAndProps) | null | undefined;
-        slotSuggestion?: ((item: RelationItem) => ComponentAndProps) | null | undefined;
+        slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         class?: string | undefined;
         classList?: string | undefined;
-        items?: RelationItem[] | null | undefined;
+        value?: RelationItem[] | null | undefined;
     };
     events(): {
         input: CustomEvent<{

package/dist/utils/component.js

@@ -1,3 +1,4 @@
+import { InputSelect } from '../ui/index.js';
 export function component(component, props) {
     return { component, props };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.1.6",
+  "version": "0.1.10",
   "description": "My fullstack material build with sveltekit, daisyui, zod and more",
   "author": {
     "name": "Jonas Voisard",