sv5ui 2.1.0 → 2.3.0

package/dist/User/User.svelte

@@ -1,98 +0,0 @@
-<script lang="ts" module>
-    import type { UserProps } from './user.types.js'
-
-    export type Props = UserProps
-</script>
-
-<script lang="ts">
-    import { userVariants, userDefaults } from './user.variants.js'
-    import { getComponentConfig } from '../config.js'
-    import Avatar from '../Avatar/Avatar.svelte'
-    import Chip from '../Chip/Chip.svelte'
-    import Link from '../Link/Link.svelte'
-
-    const config = getComponentConfig('user', userDefaults)
-
-    let {
-        ref = $bindable(null),
-        as = 'div',
-        ui,
-        name,
-        description,
-        avatar,
-        chip,
-        size = config.defaultVariants.size,
-        orientation = config.defaultVariants.orientation,
-        href,
-        class: className,
-        avatarSlot,
-        nameSlot,
-        descriptionSlot,
-        ...restProps
-    }: Props = $props()
-
-    const isClickable = $derived(!!href || !!restProps.onclick)
-
-    const classes = $derived.by(() => {
-        const slots = userVariants({ size, orientation, clickable: isClickable })
-        return {
-            root: slots.root({ class: [config.slots.root, className, ui?.root] }),
-            wrapper: slots.wrapper({ class: [config.slots.wrapper, ui?.wrapper] }),
-            name: slots.name({ class: [config.slots.name, ui?.name] }),
-            description: slots.description({ class: [config.slots.description, ui?.description] }),
-            avatar: slots.avatar({ class: [config.slots.avatar, ui?.avatar] })
-        }
-    })
-
-    const mergedAvatarProps = $derived(
-        avatar ? { alt: name, size: size as typeof avatar.size, ...avatar } : undefined
-    )
-
-    const chipProps = $derived(chip && avatar ? (chip === true ? {} : chip) : null)
-</script>
-
-{#snippet userContent()}
-    {#if avatarSlot}
-        {@render avatarSlot()}
-    {:else if mergedAvatarProps}
-        {#if chipProps}
-            <Chip {size} inset {...chipProps}>
-                <Avatar {...mergedAvatarProps} class={classes.avatar} />
-            </Chip>
-        {:else}
-            <Avatar {...mergedAvatarProps} class={classes.avatar} />
-        {/if}
-    {/if}
-
-    {#if name || description || nameSlot || descriptionSlot}
-        <div class={classes.wrapper}>
-            {#if nameSlot}
-                {@render nameSlot()}
-            {:else if name}
-                <p class={classes.name}>{name}</p>
-            {/if}
-
-            {#if descriptionSlot}
-                {@render descriptionSlot()}
-            {:else if description}
-                <p class={classes.description}>{description}</p>
-            {/if}
-        </div>
-    {/if}
-{/snippet}
-
-{#if href}
-    <Link bind:ref {href} raw class={classes.root} data-orientation={orientation} {...restProps}>
-        {@render userContent()}
-    </Link>
-{:else}
-    <svelte:element
-        this={as}
-        bind:this={ref}
-        class={classes.root}
-        data-orientation={orientation}
-        {...restProps}
-    >
-        {@render userContent()}
-    </svelte:element>
-{/if}

package/dist/hooks/HookContextProbe.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-    import { useFormField } from './useFormField.svelte.js'
-
-    const ctx = useFormField()
-</script>
-
-<div data-name={ctx?.name ?? 'none'} data-has={String(!!ctx)}>probe</div>

package/dist/hooks/HookContextProvider.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-    import { setContext } from 'svelte'
-    import { FORM_FIELD_CONTEXT_KEY } from './useFormField.svelte.js'
-    import HookContextProbe from './HookContextProbe.svelte'
-
-    setContext(FORM_FIELD_CONTEXT_KEY, { name: 'email', size: 'md', ariaId: 'ff' })
-</script>
-
-<HookContextProbe />

package/dist/hooks/HookEmitProbe.svelte

@@ -1,14 +0,0 @@
-<script lang="ts">
-    import { useFormFieldEmit } from './useFormField.svelte.js'
-
-    const emit = useFormFieldEmit()
-
-    function fireAll() {
-        emit.onBlur()
-        emit.onFocus()
-        emit.onChange()
-        emit.onInput()
-    }
-</script>
-
-<button data-testid="fire" onclick={fireAll}>fire</button>