svelora 3.0.0 → 3.0.2

package/dist/Editor/Editor.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { EditorProps } from './editor.types.js';
 export type Props = EditorProps;
 import { Editor } from '@tiptap/core';
-declare const Editor: import("svelte").Component<EditorProps, {}, "value" | "ref" | "api">;
+declare const Editor: import("svelte").Component<EditorProps, {}, "ref" | "value" | "api">;
 type Editor = ReturnType<typeof Editor>;
 export default Editor;

package/dist/Editor/EditorUrlPrompt.svelte

@@ -1,62 +1,49 @@
-<script lang="ts">import { untrack } from 'svelte';
-import Button from '../Button/Button.svelte';
-import Form from '../Form/Form.svelte';
-import type { FormApi, FormError, FormSubmitEvent } from '../Form/form.types.js';
-import FormField from '../FormField/FormField.svelte';
-import Input from '../Input/Input.svelte';
-import Modal from '../Modal/Modal.svelte';
-import { httpUrlSchema, type UrlSchema } from './editor.schemas.js';
-interface Props {
-    open: boolean;
-    title?: string;
-    description?: string;
-    placeholder?: string;
-    initialValue?: string;
-    confirmLabel?: string;
-    schema?: UrlSchema;
-    onConfirm?: (value: string) => void;
-    onCancel?: () => void;
-}
-let { open = $bindable(false), title = 'Enter URL', description, placeholder = 'https://', initialValue = '', confirmLabel = 'Insert', schema, onConfirm, onCancel }: Props = $props();
-type UrlFormState = {
-    url: string;
-};
-let formApi = $state<FormApi<UrlFormState>>();
-let formState = $state<UrlFormState>({ url: '' });
-let inputRef: HTMLInputElement | null = $state(null);
+<script lang="ts">import { untrack } from "svelte";
+import Button from "../Button/Button.svelte";
+import Form from "../Form/Form.svelte";
+import FormField from "../FormField/FormField.svelte";
+import Input from "../Input/Input.svelte";
+import Modal from "../Modal/Modal.svelte";
+import { httpUrlSchema } from "./editor.schemas.js";
+let { open = $bindable(false), title = "Enter URL", description, placeholder = "https://", initialValue = "", confirmLabel = "Insert", schema, onConfirm, onCancel } = $props();
+let formApi = $state();
+let formState = $state({ url: "" });
+let inputRef = $state(null);
 let settled = $state(false);
 const resolvedSchema = $derived(schema ?? httpUrlSchema);
 $effect(() => {
-    if (open) {
-        const initial = untrack(() => initialValue);
-        formState = { url: initial };
-        settled = false;
-        untrack(() => formApi?.reset());
-        requestAnimationFrame(() => inputRef?.focus());
-    }
-    else if (!settled) {
-        settled = true;
-        onCancel?.();
-    }
+	if (open) {
+		const initial = untrack(() => initialValue);
+		formState = { url: initial };
+		settled = false;
+		untrack(() => formApi?.reset());
+		requestAnimationFrame(() => inputRef?.focus());
+	} else if (!settled) {
+		settled = true;
+		onCancel?.();
+	}
 });
-async function validate(state: object): Promise<FormError[]> {
-    const url = (state as Partial<UrlFormState>).url ?? '';
-    const result = await resolvedSchema['~standard'].validate(url);
-    if (result.issues) {
-        return [{ name: 'url', message: result.issues[0]?.message ?? 'Invalid value' }];
-    }
-    return [];
+async function validate(state) {
+	const url = state.url ?? "";
+	const result = await resolvedSchema["~standard"].validate(url);
+	if (result.issues) {
+		return [{
+			name: "url",
+			message: result.issues[0]?.message ?? "Invalid value"
+		}];
+	}
+	return [];
 }
-function handleSubmit(event: FormSubmitEvent<unknown>): void {
-    const data = event.data as UrlFormState;
-    settled = true;
-    onConfirm?.(data.url.trim());
-    open = false;
+function handleSubmit(event) {
+	const data = event.data;
+	settled = true;
+	onConfirm?.(data.url.trim());
+	open = false;
 }
-function cancel(): void {
-    settled = true;
-    onCancel?.();
-    open = false;
+function cancel() {
+	settled = true;
+	onCancel?.();
+	open = false;
 }
 </script>
 

package/dist/Editor/SlashPopup.svelte

@@ -1,27 +1,15 @@
-<script lang="ts">
-    import Icon from '../Icon/Icon.svelte'
-    import type { SlashCommand } from './editor.types.js'
-
-    interface Props {
-        items: SlashCommand[]
-        selectedIndex: number
-        onPick: (index: number) => void
-        listboxId: string
-        optionIdPrefix: string
-    }
-
-    let { items, selectedIndex, onPick, listboxId, optionIdPrefix }: Props = $props()
-
-    let listEl: HTMLDivElement | null = $state(null)
-
-    $effect(() => {
-        if (!listEl) return
-        const active = listEl.querySelector(`[data-index="${selectedIndex}"]`)
-        if (!active) return
-        requestAnimationFrame(() => {
-            ;(active as HTMLElement).scrollIntoView({ block: 'nearest' })
-        })
-    })
+<script lang="ts">import Icon from "../Icon/Icon.svelte";
+let { items, selectedIndex, onPick, listboxId, optionIdPrefix } = $props();
+let listEl = $state(null);
+$effect(() => {
+	if (!listEl) return;
+	const active = listEl.querySelector(`[data-index="${selectedIndex}"]`);
+	if (!active) return;
+	requestAnimationFrame(() => {
+		;
+		active.scrollIntoView({ block: "nearest" });
+	});
+});
 </script>
 
 <div

package/dist/Empty/Empty.svelte

@@ -1,68 +1,37 @@
-<script lang="ts" module>
-    import type { EmptyProps } from './empty.types.js'
-
-    export type Props = EmptyProps
+<script lang="ts" module>export {};
 </script>
 
-<script lang="ts">
-    import Avatar from '../Avatar/Avatar.svelte'
-    import Button from '../Button/Button.svelte'
-    import { getComponentConfig } from '../config.js'
-    import Icon from '../Icon/Icon.svelte'
-    import { emptyDefaults, emptyVariants } from './empty.variants.js'
-
-    const config = getComponentConfig('empty', emptyDefaults)
-
-    let {
-        ref = $bindable(null),
-        as = 'div',
-        ui,
-        icon,
-        avatar,
-        title,
-        description,
-        actions,
-        variant = config.defaultVariants.variant,
-        size = config.defaultVariants.size,
-        class: className,
-        leading,
-        titleSlot,
-        descriptionSlot,
-        actionsSlot,
-        header,
-        body,
-        footer,
-        children,
-        ...restProps
-    }: Props = $props()
-
-    const classes = $derived.by(() => {
-        const slots = emptyVariants({ variant, size })
-        const c = config.slots
-        return {
-            root: slots.root({ class: [c.root, className, ui?.root] }),
-            header: slots.header({ class: [c.header, ui?.header] }),
-            avatar: slots.avatar({ class: [c.avatar, ui?.avatar] }),
-            title: slots.title({ class: [c.title, ui?.title] }),
-            description: slots.description({ class: [c.description, ui?.description] }),
-            body: slots.body({ class: [c.body, ui?.body] }),
-            actions: slots.actions({ class: [c.actions, ui?.actions] }),
-            footer: slots.footer({ class: [c.footer, ui?.footer] })
-        }
-    })
-
-    const hasHeader = $derived(
-        !!icon ||
-            !!avatar ||
-            !!title ||
-            !!description ||
-            !!leading ||
-            !!titleSlot ||
-            !!descriptionSlot ||
-            !!header
-    )
-    const hasActions = $derived(actions && actions.length > 0)
-    const hasBody = $derived(!!hasActions || !!actionsSlot || !!body || !!children)
+<script lang="ts">import Avatar from "../Avatar/Avatar.svelte";
+import Button from "../Button/Button.svelte";
+import { getComponentConfig } from "../config.js";
+import Icon from "../Icon/Icon.svelte";
+import { emptyDefaults, emptyVariants } from "./empty.variants.js";
+const config = getComponentConfig("empty", emptyDefaults);
+let { ref = $bindable(null), as = "div", ui, icon, avatar, title, description, actions, variant = config.defaultVariants.variant, size = config.defaultVariants.size, class: className, leading, titleSlot, descriptionSlot, actionsSlot, header, body, footer, children, ...restProps } = $props();
+const classes = $derived.by(() => {
+	const slots = emptyVariants({
+		variant,
+		size
+	});
+	const c = config.slots;
+	return {
+		root: slots.root({ class: [
+			c.root,
+			className,
+			ui?.root
+		] }),
+		header: slots.header({ class: [c.header, ui?.header] }),
+		avatar: slots.avatar({ class: [c.avatar, ui?.avatar] }),
+		title: slots.title({ class: [c.title, ui?.title] }),
+		description: slots.description({ class: [c.description, ui?.description] }),
+		body: slots.body({ class: [c.body, ui?.body] }),
+		actions: slots.actions({ class: [c.actions, ui?.actions] }),
+		footer: slots.footer({ class: [c.footer, ui?.footer] })
+	};
+});
+const hasHeader = $derived(!!icon || !!avatar || !!title || !!description || !!leading || !!titleSlot || !!descriptionSlot || !!header);
+const hasActions = $derived(actions && actions.length > 0);
+const hasBody = $derived(!!hasActions || !!actionsSlot || !!body || !!children);
 </script>
 
 <svelte:element this={as} bind:this={ref} class={classes.root} {...restProps}>

package/dist/FieldGroup/FieldGroup.svelte

@@ -1,43 +1,28 @@
-<script lang="ts" module>
-    import type { FieldGroupProps } from './field-group.types.js'
-
-    export type Props = FieldGroupProps
+<script lang="ts" module>export {};
 </script>
 
-<script lang="ts">
-    import { setContext } from 'svelte'
-    import { getComponentConfig } from '../config.js'
-    import { fieldGroupDefaults, fieldGroupVariants } from './field-group.variants.js'
-
-    const config = getComponentConfig('fieldGroup', fieldGroupDefaults)
-
-    let {
-        ref = $bindable(null),
-        as = 'div',
-        ui,
-        size = config.defaultVariants.size ?? 'md',
-        orientation = config.defaultVariants.orientation ?? 'horizontal',
-        class: className,
-        children,
-        ...restProps
-    }: Props = $props()
-
-    const variantSlots = $derived(fieldGroupVariants({ size, orientation }))
-    const classes = $derived({
-        root: variantSlots.root({ class: [config.slots.root, className, ui?.root] })
-    })
-
-    setContext<{
-        orientation: NonNullable<Props['orientation']>
-        size: NonNullable<Props['size']>
-    }>('fieldGroup', {
-        get orientation() {
-            return orientation
-        },
-        get size() {
-            return size
-        }
-    })
+<script lang="ts">import { setContext } from "svelte";
+import { getComponentConfig } from "../config.js";
+import { fieldGroupDefaults, fieldGroupVariants } from "./field-group.variants.js";
+const config = getComponentConfig("fieldGroup", fieldGroupDefaults);
+let { ref = $bindable(null), as = "div", ui, size = config.defaultVariants.size ?? "md", orientation = config.defaultVariants.orientation ?? "horizontal", class: className, children, ...restProps } = $props();
+const variantSlots = $derived(fieldGroupVariants({
+	size,
+	orientation
+}));
+const classes = $derived({ root: variantSlots.root({ class: [
+	config.slots.root,
+	className,
+	ui?.root
+] }) });
+setContext("fieldGroup", {
+	get orientation() {
+		return orientation;
+	},
+	get size() {
+		return size;
+	}
+});
 </script>
 
 <svelte:element