fuma 1.0.21 → 2.0.0

package/dist/ui/icon/Icon.svelte

@@ -1,35 +1,38 @@
-<script>import { tippy } from "../../utils/tippy.js";
-import { onMount } from "svelte";
-export let path;
-export let title = "";
-export let size = 22;
-let klass = "";
-export { klass as class };
-export let style = "";
-export let classSVG = "";
-export let tippyProps = {};
-export let disableTitlePropagation = false;
-const viewWidth = 24;
-const viewHeight = 24;
-let icon;
-let tip = null;
-$:
-  tip?.setContent(title);
-onMount(() => {
-  if (!title)
-    return;
-  const parent = icon.parentElement;
-  const isButton = parent?.tagName === "BUTTON" || parent?.tagName === "A";
-  const target = parent && isButton && !disableTitlePropagation ? parent : icon;
-  tip = tippy(target || icon, {
-    content: title,
-    trigger: "mouseenter",
-    ...tippyProps
-  });
-  return () => {
-    tip?.destroy();
-  };
-});
+<script lang="ts">
+	import { tippy, type TippyProps, type TippyInstance } from '../../utils/tippy.js'
+	import { onMount } from 'svelte'
+
+	export let path: string
+	export let title = ''
+	export let size = 22
+	let klass = ''
+	export { klass as class }
+	export let style = ''
+	export let classSVG = ''
+	export let tippyProps: Partial<TippyProps> = {}
+	export let disableTitlePropagation = false
+	const viewWidth = 24
+	const viewHeight = 24
+
+	let icon: HTMLElement
+
+	let tip: TippyInstance | null = null
+	$: tip?.setContent(title)
+
+	onMount(() => {
+		if (!title) return
+		const parent = icon.parentElement
+		const isButton = parent?.tagName === 'BUTTON' || parent?.tagName === 'A'
+		const target = parent && isButton && !disableTitlePropagation ? parent : icon
+		tip = tippy(target || icon, {
+			content: title,
+			trigger: 'mouseenter',
+			...tippyProps
+		})
+		return () => {
+			tip?.destroy()
+		}
+	})
 </script>
 
 <i bind:this={icon} class="grid place-content-center fill-base-content {klass}" {style}>

package/dist/ui/icon/Icon.svelte.d.ts

@@ -1,24 +1,28 @@
-import { SvelteComponent } from "svelte";
 import { type TippyProps } from '../../utils/tippy.js';
-declare const __propDef: {
-    props: {
-        path: string;
-        title?: string | undefined;
-        size?: number | undefined;
-        class?: string | undefined;
-        style?: string | undefined;
-        classSVG?: string | undefined;
-        tippyProps?: Partial<TippyProps> | undefined;
-        disableTitlePropagation?: boolean | undefined;
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type IconProps = typeof __propDef.props;
-export type IconEvents = typeof __propDef.events;
-export type IconSlots = typeof __propDef.slots;
-export default class Icon extends SvelteComponent<IconProps, IconEvents, IconSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const Icon: $$__sveltets_2_IsomorphicComponent<{
+    path: string;
+    title?: string;
+    size?: number;
+    class?: string;
+    style?: string;
+    classSVG?: string;
+    tippyProps?: Partial<TippyProps>;
+    disableTitlePropagation?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Icon = InstanceType<typeof Icon>;
+export default Icon;

package/dist/ui/index.d.ts

@@ -11,7 +11,6 @@ export * from './dialog/index.js';
 export * from './placeholder/index.js';
 export * from './icon/index.js';
 export * from './login/index.js';
-export * from './slot/index.js';
 export * from './pagination/index.js';
 export * from './mode/index.js';
 export * from './badge/index.js';

package/dist/ui/index.js

@@ -11,7 +11,6 @@ export * from './dialog/index.js';
 export * from './placeholder/index.js';
 export * from './icon/index.js';
 export * from './login/index.js';
-export * from './slot/index.js';
 export * from './pagination/index.js';
 export * from './mode/index.js';
 export * from './badge/index.js';

package/dist/ui/input/FormControl.svelte

@@ -1,35 +1,41 @@
-<script>import { slide } from "svelte/transition";
-import { onMount } from "svelte";
-import { formContext } from "../../validation/form.js";
-import { Slot } from "../index.js";
-let klass = "";
-export { klass as class };
-export let classLabel = "";
-export let key = "";
-export let label = "";
-export let error = "";
-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) {
-  const { setError } = formContext.get();
-  setError[key] = (err) => error = err;
-}
-let formControl;
-onMount(() => {
-  const input = formControl.querySelector("input, textarea");
-  if (!input)
-    return;
-  const handleInput = () => error = "";
-  input.addEventListener("input", handleInput);
-  return () => {
-    input.removeEventListener("input", handleInput);
-  };
-});
+<script lang="ts">
+	import { slide } from 'svelte/transition'
+	import { onMount, type Snippet } from 'svelte'
+	import { formContext } from '../../validation/form.js'
+
+	let klass = ''
+	export { klass as class }
+	export let classLabel = ''
+	export let key = ''
+	export let label: Snippet | string = ''
+	export let labelAppend: Snippet | null = null
+	export let error = ''
+	export let hint = ''
+	export let prefix: string | number = ''
+	export let prefixFor: string | number = ''
+	export let enhanceDisabled = false
+	export let labelPosition: LabelPosition = 'top'
+	export let children: Snippet<[{ key: string }]> | undefined = undefined
+
+	type LabelPosition = 'top' | 'left' | 'right'
+
+	$: _key = prefix && key ? `${prefix}_${key}` : key || ''
+
+	if (!enhanceDisabled) {
+		const { setError } = formContext.get()
+		setError[key] = (err) => (error = err)
+	}
+
+	let formControl: HTMLDivElement
+	onMount(() => {
+		const input = formControl.querySelector('input, textarea')
+		if (!input) return
+		const handleInput = () => (error = '')
+		input.addEventListener('input', handleInput)
+		return () => {
+			input.removeEventListener('input', handleInput)
+		}
+	})
 </script>
 
 <div class="form-control {klass}" bind:this={formControl}>
@@ -44,15 +50,21 @@ onMount(() => {
 		{#if label}
 			<label for="{prefixFor}{_key}" class="label cursor-pointer {classLabel}">
 				<span class="label-text">
-					<Slot slot={label} />
+					{#if typeof label === 'string'}
+						{label}
+					{:else}
+						{@render label()}
+					{/if}
 				</span>
-				<slot name="label_append" />
+				{#if labelAppend}
+					{@render labelAppend()}
+				{/if}
 			</label>
 		{/if}
-
-		<slot key={_key} />
 	</div>
 
+	{@render children?.({ key: _key })}
+
 	{#if error}
 		<label for="{prefixFor}{_key}" class="label" transition:slide>
 			<span class="label-text-alt text-warning">{error}</span>

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

@@ -1,32 +1,34 @@
-import { SvelteComponent } from "svelte";
-import { type ComponentType } from 'svelte';
-import type { ComponentAndProps } from '../../utils/index.js';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | ComponentType | ComponentAndProps | undefined;
-        error?: string | undefined;
-        hint?: string | undefined;
-        prefix?: string | number | undefined;
-        prefixFor?: string | number | undefined;
-        enhanceDisabled?: boolean | undefined;
-        labelPosition?: ("top" | "left" | "right") | undefined;
+import { type Snippet } from 'svelte';
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        label_append: {};
-        default: {
-            key: string;
-        };
-    };
-};
-export type FormControlProps = typeof __propDef.props;
-export type FormControlEvents = typeof __propDef.events;
-export type FormControlSlots = typeof __propDef.slots;
-export default class FormControl extends SvelteComponent<FormControlProps, FormControlEvents, FormControlSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const FormControl: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    classLabel?: string;
+    key?: string;
+    label?: Snippet | string;
+    labelAppend?: Snippet | null;
+    error?: string;
+    hint?: string;
+    prefix?: string | number;
+    prefixFor?: string | number;
+    enhanceDisabled?: boolean;
+    labelPosition?: "top" | "left" | "right";
+    children?: Snippet<[{
+        key: string;
+    }]> | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type FormControl = InstanceType<typeof FormControl>;
+export default FormControl;

package/dist/ui/input/InputBoolean.svelte

@@ -1,26 +1,33 @@
-<script>import { createEventDispatcher } from "svelte";
-import { FormControl, bindCheckedWithParams } from "./index.js";
-import { USE_COERCE_BOOLEAN } from "../../utils/constant.js";
-export let value = false;
-export let input = {};
-export let inputElement = void 0;
-export let bindWithParams = false;
-const dispatch = createEventDispatcher();
+<script lang="ts">
+	import { createEventDispatcher } from 'svelte'
+	import type { HTMLInputAttributes } from 'svelte/elements'
+	import { FormControl, type InputProps, bindCheckedWithParams } from './index.js'
+	import { USE_COERCE_BOOLEAN } from '../../utils/constant.js'
+
+	type $$Props = InputProps<boolean> & { isRow?: boolean }
+	export let value: boolean | null | undefined = false
+	export let input: HTMLInputAttributes = {}
+	export let inputElement: HTMLInputElement | undefined = undefined
+	export let bindWithParams: boolean = false
+
+	const dispatch = createEventDispatcher<{ change: boolean }>()
 </script>
 
-<FormControl {...$$restProps} let:key class="">
-	<input
-		bind:this={inputElement}
-		bind:checked={value}
-		use:bindCheckedWithParams={{ bindEnable: bindWithParams }}
-		on:input={({ currentTarget: { checked } }) => dispatch('change', checked)}
-		on:focus
-		on:blur
-		type="checkbox"
-		id={key}
-		class="checkbox ml-1"
-		{...input}
-	/>
+<FormControl {...$$restProps} class="">
+	{#snippet children({ key })}
+		<input
+			bind:this={inputElement}
+			bind:checked={value}
+			use:bindCheckedWithParams={{ bindEnable: bindWithParams }}
+			on:input={({ currentTarget: { checked } }) => dispatch('change', checked)}
+			on:focus
+			on:blur
+			type="checkbox"
+			id={key}
+			class="checkbox ml-1"
+			{...input}
+		/>
 
-	<input type="hidden" name={key} value="{USE_COERCE_BOOLEAN}{value}" />
+		<input type="hidden" name={key} value="{USE_COERCE_BOOLEAN}{value}" />
+	{/snippet}
 </FormControl>

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

@@ -1,38 +1,46 @@
-import { SvelteComponent } from "svelte";
 import type { HTMLInputAttributes } from 'svelte/elements';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | 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;
-        classWrapper?: string | undefined;
-        value?: boolean | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        isRow?: boolean | undefined;
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        focus: FocusEvent;
-        blur: FocusEvent;
-        change: CustomEvent<boolean>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InputBooleanProps = typeof __propDef.props;
-export type InputBooleanEvents = typeof __propDef.events;
-export type InputBooleanSlots = typeof __propDef.slots;
-export default class InputBoolean extends SvelteComponent<InputBooleanProps, InputBooleanEvents, InputBooleanSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+declare const InputBoolean: $$__sveltets_2_IsomorphicComponent<{
+    class?: string;
+    classLabel?: string;
+    key?: string;
+    label?: import("svelte").Snippet | string;
+    labelAppend?: import("svelte").Snippet | null;
+    error?: string;
+    hint?: string;
+    prefix?: string | number;
+    prefixFor?: string | number;
+    enhanceDisabled?: boolean;
+    labelPosition?: "top" | "left" | "right";
+    children?: import("svelte").Snippet<[{
+        key: string;
+    }]> | undefined;
+} & {
+    input?: HTMLInputAttributes;
+    inputElement?: HTMLInputElement;
+    classWrapper?: string;
+    value?: boolean | null | undefined;
+    bindWithParams?: boolean;
+} & {
+    isRow?: boolean;
+}, {
+    focus: FocusEvent;
+    blur: FocusEvent;
+    change: CustomEvent<boolean>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type InputBoolean = InstanceType<typeof InputBoolean>;
+export default InputBoolean;

package/dist/ui/input/InputCheckboxs.svelte

@@ -1,23 +1,25 @@
-<script>import { slide } from "svelte/transition";
-import { FormControl } from "./index.js";
-import { parseOptions } from "../../utils/options.js";
-$:
-  ({
-    input,
-    value: _value,
-    options: _1,
-    class: klass,
-    checkboxesClass,
-    hint,
-    error,
-    ...props
-  } = $$props);
-export let value = _value || [];
-export let options;
-if (!value)
-  value = [];
-$:
-  _options = parseOptions(options);
+<script lang="ts">
+	import { slide } from 'svelte/transition'
+	import { FormControl, type InputProps } from './index.js'
+	import { type Options, parseOptions } from '../../utils/options.js'
+
+	type $$Props = InputProps<string[]> & { options: Options; checkboxesClass?: string }
+	$: ({
+		input,
+		value: _value,
+		options: _1,
+		class: klass,
+		checkboxesClass,
+		hint,
+		error,
+		...props
+	} = $$props as $$Props)
+	export let value: string[] | null | undefined = _value || []
+	export let options: Options
+
+	if (!value) value = []
+
+	$: _options = parseOptions(options)
 </script>
 
 <div class={klass}>
@@ -32,24 +34,25 @@ $:
 		{#each _options as option, index}
 			<FormControl
 				{...props}
-				let:key
 				label={option.label}
 				prefixFor={index}
 				class="flex-row-reverse items-center justify-end gap-2"
 			>
-				<input
-					bind:group={value}
-					on:change
-					on:input
-					on:focus
-					on:blur
-					value={option.value}
-					type="checkbox"
-					name={key}
-					id="{index}{key}"
-					class="checkbox"
-					{...input}
-				/>
+				{#snippet children({ key })}
+					<input
+						bind:group={value}
+						on:change
+						on:input
+						on:focus
+						on:blur
+						value={option.value}
+						type="checkbox"
+						name={key}
+						id="{index}{key}"
+						class="checkbox"
+						{...input}
+					/>
+				{/snippet}
 			</FormControl>
 		{/each}
 	</div>

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

@@ -1,42 +1,57 @@
-import { SvelteComponent } from "svelte";
 import { type Options } from '../../utils/options.js';
-declare const __propDef: {
-    props: {
-        class?: string | undefined;
-        classLabel?: string | undefined;
-        key?: string | undefined;
-        label?: string | import("svelte").ComponentType | import("../../index.js").ComponentAndProps | undefined;
-        error?: string | undefined;
-        hint?: string | undefined;
-        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;
-        classWrapper?: string | undefined;
-        value?: string[] | null | undefined;
-        bindWithParams?: boolean | undefined;
-    } & {
-        options: Options;
-        checkboxesClass?: string | undefined;
+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: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
     };
-    events: {
-        change: Event;
-        input: Event;
-        focus: FocusEvent;
-        blur: FocusEvent;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {
-        label_append: {};
-    };
-};
-export type InputCheckboxsProps = typeof __propDef.props;
-export type InputCheckboxsEvents = typeof __propDef.events;
-export type InputCheckboxsSlots = typeof __propDef.slots;
-export default class InputCheckboxs extends SvelteComponent<InputCheckboxsProps, InputCheckboxsEvents, InputCheckboxsSlots> {
+    z_$$bindings?: Bindings;
 }
-export {};
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const InputCheckboxs: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    class?: string;
+    classLabel?: string;
+    key?: string;
+    label?: import("svelte").Snippet | string;
+    labelAppend?: import("svelte").Snippet | null;
+    error?: string;
+    hint?: string;
+    prefix?: string | number;
+    prefixFor?: string | number;
+    enhanceDisabled?: boolean;
+    labelPosition?: "top" | "left" | "right";
+    children?: import("svelte").Snippet<[{
+        key: string;
+    }]> | undefined;
+} & {
+    input?: import("svelte/elements").HTMLInputAttributes;
+    inputElement?: HTMLInputElement;
+    classWrapper?: string;
+    value?: string[] | null | undefined;
+    bindWithParams?: boolean;
+} & {
+    options: Options;
+    checkboxesClass?: string;
+}, {
+    label_append: {};
+}>, {
+    change: Event;
+    input: Event;
+    focus: FocusEvent;
+    blur: FocusEvent;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {
+    label_append: {};
+}, {}, string>;
+type InputCheckboxs = InstanceType<typeof InputCheckboxs>;
+export default InputCheckboxs;