fuma 0.1.26 → 0.1.27

package/dist/ui/index.d.ts

@@ -1,7 +1,7 @@
 export * from './card/index.js';
 export * from './drawer/index.js';
-export * from './form/index.js';
 export * from './input/index.js';
+export * from './form/index.js';
 export * from './menu/index.js';
 export * from './period/index.js';
 export * from './table/index.js';

package/dist/ui/index.js

@@ -1,7 +1,7 @@
 export * from './card/index.js';
 export * from './drawer/index.js';
-export * from './form/index.js';
 export * from './input/index.js';
+export * from './form/index.js';
 export * from './menu/index.js';
 export * from './period/index.js';
 export * from './table/index.js';

package/dist/ui/input/FormControl.svelte

@@ -11,6 +11,7 @@ export let hint = "";
 export let prefix = "";
 export let prefixFor = "";
 export let enhanceDisabled = false;
+export let labelPosition = "top";
 $:
   _key = prefix && key ? `${prefix}_${key}` : key || "";
 if (!enhanceDisabled) {
@@ -31,15 +32,24 @@ onMount(() => {
 </script>
 
 <div class="form-control {klass}" bind:this={formControl}>
-	{#if label || $$slots.label}
-		<label for="{prefixFor}{_key}" class="label cursor-pointer {classLabel}">
-			<span class="label-text">{label}</span>
-			<slot name="label" />
-			<slot name="label_append" />
-		</label>
-	{/if}
+	<div
+		class:contents={labelPosition === 'top'}
+		class:flex={labelPosition !== 'top'}
+		class:items-center={labelPosition !== 'top'}
+		class:gap-2={labelPosition !== 'top'}
+		class:flex-row-reverse={labelPosition === 'right'}
+		class:justify-end={labelPosition === 'right'}
+	>
+		{#if label || $$slots.label}
+			<label for="{prefixFor}{_key}" class="label cursor-pointer {classLabel}">
+				<span class="label-text">{label}</span>
+				<slot name="label" />
+				<slot name="label_append" />
+			</label>
+		{/if}
 
-	<slot key={_key} />
+		<slot key={_key} />
+	</div>
 
 	{#if error}
 		<label for="{prefixFor}{_key}" class="label" transition:slide>

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

@@ -10,6 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/ui/input/InputBoolean.svelte

@@ -1,19 +1,15 @@
 <script>import { createEventDispatcher } from "svelte";
 import { FormControl, bindCheckedWithParams } from "./index.js";
-$:
-  ({ input, value: _value, bindWithParams, label, ...props } = $$restProps);
-export let value = _value;
+export let value = false;
+export let input = {};
+export let inputElement = void 0;
+export let bindWithParams = false;
 const dispatch = createEventDispatcher();
 </script>
 
-<FormControl {...props} let:key>
-	<label for={key} class="label cursor-pointer">
-		<span class="label-text">
-			<slot>{label}</slot>
-		</span>
-	</label>
-
+<FormControl {...$$restProps} let:key class="">
 	<input
+		bind:this={inputElement}
 		bind:checked={value}
 		use:bindCheckedWithParams={{ bindEnable: bindWithParams }}
 		on:input={({ currentTarget: { checked } }) => dispatch('change', checked)}

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

@@ -1,7 +1,26 @@
 import { SvelteComponent } from "svelte";
-import { type InputProps } from './index.js';
+import type { HTMLInputAttributes } from 'svelte/elements';
 declare const __propDef: {
-    props: InputProps<boolean>;
+    props: {
+        class?: string | undefined;
+        classLabel?: string | undefined;
+        key?: string | undefined;
+        label?: string | undefined;
+        error?: string | undefined;
+        hint?: string | undefined;
+        prefix?: string | number | undefined;
+        prefixFor?: string | number | undefined;
+        enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
+    } & {
+        input?: HTMLInputAttributes | undefined;
+        inputElement?: HTMLInputElement | undefined;
+        wrapperClass?: string | undefined;
+        value?: boolean | undefined;
+        bindWithParams?: boolean | undefined;
+    } & {
+        isRow?: boolean | undefined;
+    };
     events: {
         focus: FocusEvent;
         blur: FocusEvent;
@@ -9,9 +28,7 @@ declare const __propDef: {
     } & {
         [evt: string]: CustomEvent<any>;
     };
-    slots: {
-        default: {};
-    };
+    slots: {};
 };
 export type InputBooleanProps = typeof __propDef.props;
 export type InputBooleanEvents = typeof __propDef.events;

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

@@ -11,6 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

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

@@ -11,6 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

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

@@ -14,6 +14,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

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

@@ -10,6 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

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

@@ -11,6 +11,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
         inputElement?: HTMLInputElement | undefined;

package/dist/ui/input/textRich/InputTextRich.svelte.d.ts

@@ -10,6 +10,7 @@ declare const __propDef: {
         prefix?: string | number | undefined;
         prefixFor?: string | number | undefined;
         enhanceDisabled?: boolean | undefined;
+        labelPosition?: ("top" | "left" | "right") | undefined;
     } & {
         value?: string | undefined;
         classToolbar?: string | undefined;

package/package.json

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