@ims360/svelte-ivory 0.2.4 → 0.3.2

package/dist/components/ai/AiMessage.svelte

@@ -5,7 +5,7 @@
 -->
 
 <script lang="ts">
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import { ThumbsDown, ThumbsUp } from '@lucide/svelte';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/dist/components/ai/Chat.svelte

@@ -6,7 +6,7 @@
 -->
 
 <script lang="ts" module>
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import { tick, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import AiMessage from './AiMessage.svelte';

package/dist/components/ai/Markdown.svelte

@@ -5,7 +5,7 @@
 -->
 
 <script lang="ts">
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import DomPurify from 'dompurify';
     import { marked } from 'marked';
     import type { ClassValue } from 'svelte/elements';

package/dist/components/ai/UserMessage.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import AttachedFile from './AttachedFile.svelte';

package/dist/components/basic/Element.svelte

@@ -0,0 +1,81 @@
+<script lang="ts" module>
+    import { merge } from '../../utils/functions';
+    import type {
+        HTMLAttributeAnchorTarget,
+        HTMLAttributes,
+        MouseEventHandler
+    } from 'svelte/elements';
+    import type { TransitionConfig } from 'svelte/transition';
+
+    export type AnchorAttributes = {
+        download?: string | undefined | null;
+        href?: string | undefined | null;
+        hreflang?: string | undefined | null;
+        rel?: string | undefined | null;
+        target?: HTMLAttributeAnchorTarget | undefined | null;
+        type?: string | undefined | null;
+        referrerpolicy?: ReferrerPolicy | undefined | null;
+    };
+
+    export type ButtonAttributes = {
+        onclick: MouseEventHandler<HTMLElement>;
+        disabled?: boolean | undefined | null;
+        form?: string | undefined | null;
+        name?: string | undefined | null;
+        type?: 'submit' | 'reset' | 'button' | undefined | null;
+        value?: string | string[] | number | undefined | null;
+    };
+
+    export type ElementProps = HTMLAttributes<HTMLElement> & {
+        inTransition?: (element: HTMLElement) => TransitionConfig;
+        outTransition?: (element: HTMLElement) => TransitionConfig;
+    } & (AnchorAttributes | ButtonAttributes | HTMLAttributes<HTMLDivElement>);
+</script>
+
+<script lang="ts">
+    const noop = () => ({});
+    let {
+        div = $bindable(),
+        inTransition = noop,
+        outTransition = noop,
+        ...props
+    }: ElementProps & { div?: HTMLElement } = $props();
+
+    function isAnchor(props: ElementProps): props is AnchorAttributes {
+        return 'href' in props;
+    }
+
+    function isButton(props: ElementProps): props is ButtonAttributes {
+        return 'onclick' in props || 'type' in props;
+    }
+</script>
+
+{#if 'disabled' in props && props.disabled}
+    <div
+        {...props}
+        in:inTransition
+        out:outTransition
+        class={merge(props.class, 'pointer-events-none opacity-60 grayscale')}
+        bind:this={div}
+    >
+        {@render props.children?.()}
+    </div>
+{:else if isAnchor(props)}
+    <a {...props} in:inTransition out:outTransition bind:this={div}>
+        {@render props.children?.()}
+    </a>
+{:else if isButton(props)}
+    <button
+        {...props}
+        in:inTransition
+        out:outTransition
+        type={props.type || 'button'}
+        bind:this={div}
+    >
+        {@render props.children?.()}
+    </button>
+{:else}
+    <div {...props} in:inTransition out:outTransition bind:this={div}>
+        {@render props.children?.()}
+    </div>
+{/if}

package/dist/components/basic/Element.svelte.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributeAnchorTarget, HTMLAttributes, MouseEventHandler } from 'svelte/elements';
+import type { TransitionConfig } from 'svelte/transition';
+export type AnchorAttributes = {
+    download?: string | undefined | null;
+    href?: string | undefined | null;
+    hreflang?: string | undefined | null;
+    rel?: string | undefined | null;
+    target?: HTMLAttributeAnchorTarget | undefined | null;
+    type?: string | undefined | null;
+    referrerpolicy?: ReferrerPolicy | undefined | null;
+};
+export type ButtonAttributes = {
+    onclick: MouseEventHandler<HTMLElement>;
+    disabled?: boolean | undefined | null;
+    form?: string | undefined | null;
+    name?: string | undefined | null;
+    type?: 'submit' | 'reset' | 'button' | undefined | null;
+    value?: string | string[] | number | undefined | null;
+};
+export type ElementProps = HTMLAttributes<HTMLElement> & {
+    inTransition?: (element: HTMLElement) => TransitionConfig;
+    outTransition?: (element: HTMLElement) => TransitionConfig;
+} & (AnchorAttributes | ButtonAttributes | HTMLAttributes<HTMLDivElement>);
+type $$ComponentProps = ElementProps & {
+    div?: HTMLElement;
+};
+declare const Element: import("svelte").Component<$$ComponentProps, {}, "div">;
+type Element = ReturnType<typeof Element>;
+export default Element;
+//# sourceMappingURL=Element.svelte.d.ts.map

package/dist/components/basic/Element.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Element.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/Element.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EACR,yBAAyB,EACzB,cAAc,EACd,iBAAiB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,MAAM,gBAAgB,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAChC,MAAM,CAAC,EAAE,yBAAyB,GAAG,SAAS,GAAG,IAAI,CAAC;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,cAAc,GAAG,SAAS,GAAG,IAAI,CAAC;CACtD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,OAAO,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IACjC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;CACzD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACrD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,gBAAgB,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,gBAAgB,CAAC;CAC9D,GAAG,CAAC,gBAAgB,GAAG,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;AAE9E,KAAK,gBAAgB,GAAI,YAAY,GAAG;IAAE,GAAG,CAAC,EAAE,WAAW,CAAA;CAAE,CAAC;AAyC/D,QAAA,MAAM,OAAO,yDAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/components/basic/MarkedText.svelte

@@ -0,0 +1,70 @@
+<script lang="ts" module>
+    import type { Snippet } from 'svelte';
+    import type { ClassValue } from 'svelte/elements';
+
+    export type MarkedTextProps = {
+        class?: ClassValue;
+        content: string | undefined;
+        search: string | undefined;
+        element?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        id?: string | undefined;
+        children?: Snippet<[{ match: string }]>;
+    };
+</script>
+
+<script lang="ts">
+    let {
+        class: clazz = 'shrink-0 whitespace-nowrap text-ellipsis overflow-hidden max-w-full',
+        content,
+        search,
+        element = 'p',
+        id,
+        children
+    }: MarkedTextProps = $props();
+
+    /**
+     * @param str
+     * @param search
+     * @return tokens: list with {match, prev}, where 'match' matches the search (case-insensitive) and prev is the string between 'match' and the prev 'match' (or start)
+     * @return tail: the string after the last match
+     */
+    const split = (str: string, search: string) => {
+        const matchLen = search.length;
+        var tokens: { match: string; prev: string }[] = [];
+        let pos = str.toLowerCase().search(search.toLowerCase());
+        while (pos != -1) {
+            tokens.push({
+                match: str.slice(pos, pos + matchLen),
+                prev: str.slice(0, pos)
+            });
+            str = str.slice(pos + matchLen);
+            pos = str.search(search);
+        }
+        return {
+            tokens,
+            tail: str
+        };
+    };
+
+    const { tokens, tail } = $derived.by(() => {
+        if (!search || !content) return { tokens: [], tail: content };
+        return split(content, search);
+    });
+</script>
+
+<!-- @component
+    marks text-parts matching the given search parameter 
+-->
+<svelte:element this={element} class={[clazz]} {id}>
+    {#each tokens as token (token)}
+        {token.prev}
+        {#if children}
+            {@render children?.({ match: token.match })}
+        {:else}
+            <mark class="bg-primary-500 text-surface-50 shrink-0 rounded-sm px-px py-0.5">
+                {token.match}
+            </mark>
+        {/if}
+    {/each}
+    {tail}
+</svelte:element>

package/dist/components/basic/MarkedText.svelte.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from 'svelte';
+import type { ClassValue } from 'svelte/elements';
+export type MarkedTextProps = {
+    class?: ClassValue;
+    content: string | undefined;
+    search: string | undefined;
+    element?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    id?: string | undefined;
+    children?: Snippet<[{
+        match: string;
+    }]>;
+};
+/** marks text-parts matching the given search parameter */
+declare const MarkedText: import("svelte").Component<MarkedTextProps, {}, "">;
+type MarkedText = ReturnType<typeof MarkedText>;
+export default MarkedText;
+//# sourceMappingURL=MarkedText.svelte.d.ts.map

package/dist/components/basic/MarkedText.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkedText.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/MarkedText.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;CAC3C,CAAC;AA6DN,2DAA2D;AAC3D,QAAA,MAAM,UAAU,qDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/basic/Textarea.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+    import { merge } from '../../utils/functions';
+    import type { ClassValue, HTMLAttributes } from 'svelte/elements';
+
+    interface Props extends HTMLAttributes<HTMLTextAreaElement> {
+        class?: ClassValue;
+        value?: string;
+        disabled?: boolean;
+        placeholder?: string;
+        name?: string;
+    }
+
+    let { class: clazz, value = $bindable(), ...rest }: Props = $props();
+
+    let textareaEl = $state<HTMLTextAreaElement>();
+
+    function autoResize() {
+        if (!textareaEl) return;
+        textareaEl.style.height = 'auto';
+        textareaEl.style.height = `${textareaEl.scrollHeight}px`;
+    }
+
+    $effect(() => {
+        value;
+        autoResize();
+    });
+
+    export function focus() {
+        textareaEl?.focus();
+    }
+
+    export function isActive() {
+        return document.activeElement === textareaEl;
+    }
+</script>
+
+<textarea
+    class={merge(
+        'max-h-96 w-full resize-none overflow-y-auto border-none bg-transparent ring-0 outline-0 transition-all',
+        clazz
+    )}
+    bind:this={textareaEl}
+    bind:value
+    rows="1"
+    {...rest}
+></textarea>

package/dist/components/basic/Textarea.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { ClassValue, HTMLAttributes } from 'svelte/elements';
+interface Props extends HTMLAttributes<HTMLTextAreaElement> {
+    class?: ClassValue;
+    value?: string;
+    disabled?: boolean;
+    placeholder?: string;
+    name?: string;
+}
+declare const Textarea: import("svelte").Component<Props, {
+    focus: () => void;
+    isActive: () => boolean;
+}, "value">;
+type Textarea = ReturnType<typeof Textarea>;
+export default Textarea;
+//# sourceMappingURL=Textarea.svelte.d.ts.map

package/dist/components/basic/Textarea.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/Textarea.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG9D,UAAU,KAAM,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACvD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAqCL,QAAA,MAAM,QAAQ;;;WAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/basic/checkbox/Checkbox.svelte

@@ -1,13 +1,13 @@
 <script lang="ts" module>
     import { theme } from '../../../theme.svelte';
     import type { IvoryComponent } from '../../../types';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import { Check, type Icon as LucideIcon, Minus } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { ClassValue } from 'svelte/elements';
     import { scale } from 'svelte/transition';
 
-    export interface CheckboxProps extends IvoryComponent<HTMLElement> {
+    export type CheckboxProps = IvoryComponent<HTMLElement> & {
         class?: ClassValue;
         /** `checked` has prioriy over `partial` */
         checked?: boolean | null;
@@ -17,7 +17,7 @@
         /** if true, the onclick handler will not be called */
         disabled?: boolean;
         onclick?: () => void;
-    }
+    };
 </script>
 
 <!-- 

package/dist/components/basic/checkbox/Checkbox.svelte.d.ts

@@ -1,6 +1,6 @@
 import type { IvoryComponent } from '../../../types';
 import type { ClassValue } from 'svelte/elements';
-export interface CheckboxProps extends IvoryComponent<HTMLElement> {
+export type CheckboxProps = IvoryComponent<HTMLElement> & {
     class?: ClassValue;
     /** `checked` has prioriy over `partial` */
     checked?: boolean | null;
@@ -10,7 +10,7 @@ export interface CheckboxProps extends IvoryComponent<HTMLElement> {
     /** if true, the onclick handler will not be called */
     disabled?: boolean;
     onclick?: () => void;
-}
+};
 /** It's a checkbox */
 declare const Checkbox: import("svelte").Component<CheckboxProps, {}, "">;
 type Checkbox = ReturnType<typeof Checkbox>;

package/dist/components/basic/checkbox/Checkbox.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC9D,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAuDL,sBAAsB;AACtB,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Checkbox.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/checkbox/Checkbox.svelte.ts"],"names":[],"mappings":"AAII,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAIjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAuDN,sBAAsB;AACtB,QAAA,MAAM,QAAQ,mDAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/basic/index.d.ts

@@ -1,5 +1,6 @@
-export * from './checkbox/Checkbox.svelte';
-export { default as Checkbox } from './checkbox/Checkbox.svelte';
-export * from './toggle/Toggle.svelte';
-export { default as Toggle } from './toggle/Toggle.svelte';
+export { default as Checkbox, type CheckboxProps } from './checkbox/Checkbox.svelte';
+export { default as Element, type AnchorAttributes, type ButtonAttributes, type ElementProps } from './Element.svelte';
+export { default as MarkedText, type MarkedTextProps } from './MarkedText.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Toggle, type ToggleProps } from './toggle/Toggle.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/basic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/basic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACrF,OAAO,EACH,OAAO,IAAI,OAAO,EAClB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACrB,KAAK,YAAY,EACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/basic/index.js

@@ -1,4 +1,5 @@
-export * from './checkbox/Checkbox.svelte';
 export { default as Checkbox } from './checkbox/Checkbox.svelte';
-export * from './toggle/Toggle.svelte';
+export { default as Element } from './Element.svelte';
+export { default as MarkedText } from './MarkedText.svelte';
+export { default as Textarea } from './Textarea.svelte';
 export { default as Toggle } from './toggle/Toggle.svelte';

package/dist/components/basic/toggle/Toggle.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" module>
     import type { IvoryComponent } from '../../../types';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
 
-    export interface ToggleProps extends IvoryComponent<HTMLElement> {
+    export type ToggleProps = IvoryComponent<HTMLElement> & {
         value?: boolean;
         class?: ClassValue;
         children?: Snippet;
-    }
+    };
 </script>
 
 <script lang="ts">

package/dist/components/basic/toggle/Toggle.svelte.d.ts

@@ -1,11 +1,11 @@
 import type { IvoryComponent } from '../../../types';
 import type { Snippet } from 'svelte';
 import type { ClassValue } from 'svelte/elements';
-export interface ToggleProps extends IvoryComponent<HTMLElement> {
+export type ToggleProps = IvoryComponent<HTMLElement> & {
     value?: boolean;
     class?: ClassValue;
     children?: Snippet;
-}
+};
 declare const Toggle: import("svelte").Component<ToggleProps, {}, "">;
 type Toggle = ReturnType<typeof Toggle>;
 export default Toggle;

package/dist/components/basic/toggle/Toggle.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AA8BL,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Toggle.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/basic/toggle/Toggle.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA8BN,QAAA,MAAM,MAAM,iDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

package/dist/components/inputs/ColorInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import Input, { INPUT_UNSET_OUTLINE, type InputProps } from './Input.svelte';
 
     let props: InputProps<string> = $props();

package/dist/components/inputs/Input.svelte

@@ -1,7 +1,6 @@
 <script lang="ts" module>
     import { theme } from '../../theme.svelte';
-    import { pseudoRandomId } from '../../utils/functions';
-    import { merge } from '../../utils/merge';
+    import { merge, pseudoRandomId } from '../../utils/functions';
     import type { RemoteFormField, RemoteFormFieldValue } from '@sveltejs/kit';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/dist/components/inputs/Input.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/inputs/Input.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/inputs/Input.svelte.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/TextareaInput.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import TextArea from '../basic/Textarea.svelte';
+    import Input, { type InputProps } from './Input.svelte';
+
+    let { ...props }: InputProps<string> = $props();
+
+    let inputElement = $state<TextArea>();
+    export function focus() {
+        inputElement?.focus();
+    }
+</script>
+
+<Input {...props}>
+    {#snippet children(inputProps)}
+        {@const { name } = props.form.as?.('text')}
+        <TextArea
+            {...inputProps}
+            {name}
+            bind:value={props.form.value, props.form.set}
+            bind:this={inputElement}
+        />
+    {/snippet}
+</Input>

package/dist/components/inputs/TextareaInput.svelte.d.ts

@@ -0,0 +1,7 @@
+import { type InputProps } from './Input.svelte';
+declare const TextareaInput: import("svelte").Component<InputProps<string>, {
+    focus: () => void;
+}, "">;
+type TextareaInput = ReturnType<typeof TextareaInput>;
+export default TextareaInput;
+//# sourceMappingURL=TextareaInput.svelte.d.ts.map

package/dist/components/inputs/TextareaInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextareaInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/inputs/TextareaInput.svelte.ts"],"names":[],"mappings":"AAIA,OAAc,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAuBxD,QAAA,MAAM,aAAa;;MAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/inputs/index.d.ts

@@ -10,6 +10,7 @@ export { default as PasswordCreateInput, type PasswordCreateInputProps, type Pas
 export { default as PasswordInput } from './PasswordInput.svelte';
 export { default as Select } from './select/Select.svelte';
 export { default as SelectOption } from './select/SelectOption.svelte';
+export { default as TextareaInput } from './TextareaInput.svelte';
 export { default as TextInput } from './TextInput.svelte';
 export { default as ToggleInput } from './ToggleInput.svelte';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EACH,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACH,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EACH,OAAO,IAAI,kBAAkB,EAC7B,KAAK,uBAAuB,EAC/B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACH,OAAO,IAAI,mBAAmB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,mBAAmB,EAC3B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/inputs/index.js

@@ -10,5 +10,6 @@ export { default as PasswordCreateInput } from './PasswordCreateInput.svelte';
 export { default as PasswordInput } from './PasswordInput.svelte';
 export { default as Select } from './select/Select.svelte';
 export { default as SelectOption } from './select/SelectOption.svelte';
+export { default as TextareaInput } from './TextareaInput.svelte';
 export { default as TextInput } from './TextInput.svelte';
 export { default as ToggleInput } from './ToggleInput.svelte';

package/dist/components/inputs/issues/FormIssues.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { theme } from '../../../theme.svelte';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import { TriangleAlert } from '@lucide/svelte';
     import type { RemoteFormIssue } from '@sveltejs/kit';
     import type { ClassValue } from 'svelte/elements';

package/dist/components/layout/Heading.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
     import { theme } from '../../theme.svelte';
     import type { IvoryComponent } from '../../types';
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import type { ClassValue } from 'svelte/elements';
 
     export interface HeadingProps extends IvoryComponent<HTMLHeadingElement> {

package/dist/components/layout/dialog/Dialog.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
     import { theme } from '../../../theme.svelte';
     import type { IvoryComponent, TransitionProps } from '../../../types';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import { onMount, tick } from 'svelte';
     import type { MouseEventHandler } from 'svelte/elements';
     import { fade } from 'svelte/transition';

package/dist/components/layout/drawer/Drawer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
     import type { TransitionProps } from '../../../types';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import { X } from '@lucide/svelte';
     import type { Snippet } from 'svelte';
     import { fly } from 'svelte/transition';

package/dist/components/layout/modal/Modal.svelte

@@ -2,7 +2,7 @@
     import type { Variant } from '../../..';
     import { theme } from '../../../theme.svelte';
     import type { TransitionProps } from '../../../types';
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import { X } from '@lucide/svelte';
     import { type Snippet } from 'svelte';
     import type { ClassValue, MouseEventHandler } from 'svelte/elements';

package/dist/components/layout/tabs/Tab.svelte

@@ -2,8 +2,7 @@
     import { page } from '$app/state';
     import { theme } from '../../../theme.svelte';
     import type { IvoryComponent } from '../../../types';
-    import { pseudoRandomId } from '../../../utils/functions/index';
-    import { merge } from '../../../utils/merge';
+    import { merge, pseudoRandomId } from '../../../utils/functions';
     import { onMount, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import { getTabContext } from './Tabs.svelte';

package/dist/components/layout/tabs/Tab.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/tabs/Tab.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAGjD,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC3E,KAAK,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC3C,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AA8CL,QAAA,MAAM,GAAG,8CAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Tab.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/tabs/Tab.svelte.ts"],"names":[],"mappings":"AAKI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAW,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IAC3E,KAAK,CAAC,EAAE,UAAU,GAAG,CAAC,CAAC,QAAQ,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC;IACzD,EAAE,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC,CAAC;IAC3C,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AA8CL,QAAA,MAAM,GAAG,8CAAwC,CAAC;AAClD,KAAK,GAAG,GAAG,UAAU,CAAC,OAAO,GAAG,CAAC,CAAC;AAClC,eAAe,GAAG,CAAC"}

package/dist/components/layout/tooltip/Tooltip.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import { merge } from '../../../utils/merge';
+    import { merge } from '../../../utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue, MouseEventHandler } from 'svelte/elements';
     import Popover, { type PopoverPlacement } from '../popover/Popover.svelte';

package/dist/components/table/Column.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
     import { theme } from '../../theme.svelte';
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import { type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import type { ColumnConfig } from './columnController.svelte';

package/dist/components/table/Table.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import { ChevronRight } from '@lucide/svelte';
     import { getContext, setContext, untrack, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/dist/components/table/VirtualList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T extends { id: string }">
-    import { merge } from '../../utils/merge';
+    import { merge } from '../../utils/functions';
     import { onMount, tick, untrack, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
 

package/dist/utils/functions/index.d.ts

@@ -1,5 +1,6 @@
 export { cookie } from './cookie';
 export { createDebouncedValue } from './debouncedValue.svelte';
+export { merge } from './merge';
 export { pseudoRandomId } from './pseudoRandomId';
 export { queryParams } from './queryParams';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/functions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/utils/functions/index.js

@@ -1,4 +1,5 @@
 export { cookie } from './cookie';
 export { createDebouncedValue } from './debouncedValue.svelte';
+export { merge } from './merge';
 export { pseudoRandomId } from './pseudoRandomId';
 export { queryParams } from './queryParams';

package/dist/utils/functions/merge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../../src/lib/utils/functions/merge.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,+BAA+B;AAC/B,eAAO,MAAM,KAAK,GAAI,GAAG,SAAS,UAAU,WAE3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.2.4",
+    "version": "0.3.2",
     "keywords": [
         "svelte"
     ],
@@ -113,8 +113,8 @@
         "zod": "^4.1.13"
     },
     "peerDependencies": {
-        "@skeletonlabs/skeleton": "^3.1.1",
-        "@sveltejs/kit": "^2.48.0",
-        "svelte": "^5.43.0"
+        "@skeletonlabs/skeleton": "^4.0.0",
+        "@sveltejs/kit": "^2.49.5",
+        "svelte": "^5.46.4"
     }
 }

package/src/lib/components/ai/AiMessage.svelte

@@ -5,7 +5,7 @@
 -->
 
 <script lang="ts">
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { ThumbsDown, ThumbsUp } from '@lucide/svelte';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/src/lib/components/ai/Chat.svelte

@@ -6,7 +6,7 @@
 -->
 
 <script lang="ts" module>
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { tick, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import AiMessage from './AiMessage.svelte';

package/src/lib/components/ai/Markdown.svelte

@@ -5,7 +5,7 @@
 -->
 
 <script lang="ts">
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import DomPurify from 'dompurify';
     import { marked } from 'marked';
     import type { ClassValue } from 'svelte/elements';

package/src/lib/components/ai/UserMessage.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import AttachedFile from './AttachedFile.svelte';

package/src/lib/components/basic/Element.svelte

@@ -0,0 +1,81 @@
+<script lang="ts" module>
+    import { merge } from '$lib/utils/functions';
+    import type {
+        HTMLAttributeAnchorTarget,
+        HTMLAttributes,
+        MouseEventHandler
+    } from 'svelte/elements';
+    import type { TransitionConfig } from 'svelte/transition';
+
+    export type AnchorAttributes = {
+        download?: string | undefined | null;
+        href?: string | undefined | null;
+        hreflang?: string | undefined | null;
+        rel?: string | undefined | null;
+        target?: HTMLAttributeAnchorTarget | undefined | null;
+        type?: string | undefined | null;
+        referrerpolicy?: ReferrerPolicy | undefined | null;
+    };
+
+    export type ButtonAttributes = {
+        onclick: MouseEventHandler<HTMLElement>;
+        disabled?: boolean | undefined | null;
+        form?: string | undefined | null;
+        name?: string | undefined | null;
+        type?: 'submit' | 'reset' | 'button' | undefined | null;
+        value?: string | string[] | number | undefined | null;
+    };
+
+    export type ElementProps = HTMLAttributes<HTMLElement> & {
+        inTransition?: (element: HTMLElement) => TransitionConfig;
+        outTransition?: (element: HTMLElement) => TransitionConfig;
+    } & (AnchorAttributes | ButtonAttributes | HTMLAttributes<HTMLDivElement>);
+</script>
+
+<script lang="ts">
+    const noop = () => ({});
+    let {
+        div = $bindable(),
+        inTransition = noop,
+        outTransition = noop,
+        ...props
+    }: ElementProps & { div?: HTMLElement } = $props();
+
+    function isAnchor(props: ElementProps): props is AnchorAttributes {
+        return 'href' in props;
+    }
+
+    function isButton(props: ElementProps): props is ButtonAttributes {
+        return 'onclick' in props || 'type' in props;
+    }
+</script>
+
+{#if 'disabled' in props && props.disabled}
+    <div
+        {...props}
+        in:inTransition
+        out:outTransition
+        class={merge(props.class, 'pointer-events-none opacity-60 grayscale')}
+        bind:this={div}
+    >
+        {@render props.children?.()}
+    </div>
+{:else if isAnchor(props)}
+    <a {...props} in:inTransition out:outTransition bind:this={div}>
+        {@render props.children?.()}
+    </a>
+{:else if isButton(props)}
+    <button
+        {...props}
+        in:inTransition
+        out:outTransition
+        type={props.type || 'button'}
+        bind:this={div}
+    >
+        {@render props.children?.()}
+    </button>
+{:else}
+    <div {...props} in:inTransition out:outTransition bind:this={div}>
+        {@render props.children?.()}
+    </div>
+{/if}

package/src/lib/components/basic/MarkedText.svelte

@@ -0,0 +1,70 @@
+<script lang="ts" module>
+    import type { Snippet } from 'svelte';
+    import type { ClassValue } from 'svelte/elements';
+
+    export type MarkedTextProps = {
+        class?: ClassValue;
+        content: string | undefined;
+        search: string | undefined;
+        element?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+        id?: string | undefined;
+        children?: Snippet<[{ match: string }]>;
+    };
+</script>
+
+<script lang="ts">
+    let {
+        class: clazz = 'shrink-0 whitespace-nowrap text-ellipsis overflow-hidden max-w-full',
+        content,
+        search,
+        element = 'p',
+        id,
+        children
+    }: MarkedTextProps = $props();
+
+    /**
+     * @param str
+     * @param search
+     * @return tokens: list with {match, prev}, where 'match' matches the search (case-insensitive) and prev is the string between 'match' and the prev 'match' (or start)
+     * @return tail: the string after the last match
+     */
+    const split = (str: string, search: string) => {
+        const matchLen = search.length;
+        var tokens: { match: string; prev: string }[] = [];
+        let pos = str.toLowerCase().search(search.toLowerCase());
+        while (pos != -1) {
+            tokens.push({
+                match: str.slice(pos, pos + matchLen),
+                prev: str.slice(0, pos)
+            });
+            str = str.slice(pos + matchLen);
+            pos = str.search(search);
+        }
+        return {
+            tokens,
+            tail: str
+        };
+    };
+
+    const { tokens, tail } = $derived.by(() => {
+        if (!search || !content) return { tokens: [], tail: content };
+        return split(content, search);
+    });
+</script>
+
+<!-- @component
+    marks text-parts matching the given search parameter 
+-->
+<svelte:element this={element} class={[clazz]} {id}>
+    {#each tokens as token (token)}
+        {token.prev}
+        {#if children}
+            {@render children?.({ match: token.match })}
+        {:else}
+            <mark class="bg-primary-500 text-surface-50 shrink-0 rounded-sm px-px py-0.5">
+                {token.match}
+            </mark>
+        {/if}
+    {/each}
+    {tail}
+</svelte:element>

package/src/lib/components/basic/Textarea.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+    import { merge } from '$lib/utils/functions';
+    import type { ClassValue, HTMLAttributes } from 'svelte/elements';
+
+    interface Props extends HTMLAttributes<HTMLTextAreaElement> {
+        class?: ClassValue;
+        value?: string;
+        disabled?: boolean;
+        placeholder?: string;
+        name?: string;
+    }
+
+    let { class: clazz, value = $bindable(), ...rest }: Props = $props();
+
+    let textareaEl = $state<HTMLTextAreaElement>();
+
+    function autoResize() {
+        if (!textareaEl) return;
+        textareaEl.style.height = 'auto';
+        textareaEl.style.height = `${textareaEl.scrollHeight}px`;
+    }
+
+    $effect(() => {
+        value;
+        autoResize();
+    });
+
+    export function focus() {
+        textareaEl?.focus();
+    }
+
+    export function isActive() {
+        return document.activeElement === textareaEl;
+    }
+</script>
+
+<textarea
+    class={merge(
+        'max-h-96 w-full resize-none overflow-y-auto border-none bg-transparent ring-0 outline-0 transition-all',
+        clazz
+    )}
+    bind:this={textareaEl}
+    bind:value
+    rows="1"
+    {...rest}
+></textarea>

package/src/lib/components/basic/checkbox/Checkbox.svelte

@@ -1,13 +1,13 @@
 <script lang="ts" module>
     import { theme } from '$lib/theme.svelte';
     import type { IvoryComponent } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { Check, type Icon as LucideIcon, Minus } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { ClassValue } from 'svelte/elements';
     import { scale } from 'svelte/transition';
 
-    export interface CheckboxProps extends IvoryComponent<HTMLElement> {
+    export type CheckboxProps = IvoryComponent<HTMLElement> & {
         class?: ClassValue;
         /** `checked` has prioriy over `partial` */
         checked?: boolean | null;
@@ -17,7 +17,7 @@
         /** if true, the onclick handler will not be called */
         disabled?: boolean;
         onclick?: () => void;
-    }
+    };
 </script>
 
 <!-- 

package/src/lib/components/basic/index.ts

@@ -1,4 +1,10 @@
-export * from './checkbox/Checkbox.svelte';
-export { default as Checkbox } from './checkbox/Checkbox.svelte';
-export * from './toggle/Toggle.svelte';
-export { default as Toggle } from './toggle/Toggle.svelte';
+export { default as Checkbox, type CheckboxProps } from './checkbox/Checkbox.svelte';
+export {
+    default as Element,
+    type AnchorAttributes,
+    type ButtonAttributes,
+    type ElementProps
+} from './Element.svelte';
+export { default as MarkedText, type MarkedTextProps } from './MarkedText.svelte';
+export { default as Textarea } from './Textarea.svelte';
+export { default as Toggle, type ToggleProps } from './toggle/Toggle.svelte';

package/src/lib/components/basic/toggle/Toggle.svelte

@@ -1,14 +1,14 @@
 <script lang="ts" module>
     import type { IvoryComponent } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
 
-    export interface ToggleProps extends IvoryComponent<HTMLElement> {
+    export type ToggleProps = IvoryComponent<HTMLElement> & {
         value?: boolean;
         class?: ClassValue;
         children?: Snippet;
-    }
+    };
 </script>
 
 <script lang="ts">

package/src/lib/components/inputs/ColorInput.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import Input, { INPUT_UNSET_OUTLINE, type InputProps } from './Input.svelte';
 
     let props: InputProps<string> = $props();

package/src/lib/components/inputs/Input.svelte

@@ -1,7 +1,6 @@
 <script lang="ts" module>
     import { theme } from '$lib/theme.svelte';
-    import { pseudoRandomId } from '$lib/utils/functions';
-    import { merge } from '$lib/utils/merge';
+    import { merge, pseudoRandomId } from '$lib/utils/functions';
     import type { RemoteFormField, RemoteFormFieldValue } from '@sveltejs/kit';
     import type { Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/src/lib/components/inputs/TextareaInput.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+    import TextArea from '../basic/Textarea.svelte';
+    import Input, { type InputProps } from './Input.svelte';
+
+    let { ...props }: InputProps<string> = $props();
+
+    let inputElement = $state<TextArea>();
+    export function focus() {
+        inputElement?.focus();
+    }
+</script>
+
+<Input {...props}>
+    {#snippet children(inputProps)}
+        {@const { name } = props.form.as?.('text')}
+        <TextArea
+            {...inputProps}
+            {name}
+            bind:value={props.form.value, props.form.set}
+            bind:this={inputElement}
+        />
+    {/snippet}
+</Input>

package/src/lib/components/inputs/index.ts

@@ -17,5 +17,6 @@ export {
 export { default as PasswordInput } from './PasswordInput.svelte';
 export { default as Select } from './select/Select.svelte';
 export { default as SelectOption } from './select/SelectOption.svelte';
+export { default as TextareaInput } from './TextareaInput.svelte';
 export { default as TextInput } from './TextInput.svelte';
 export { default as ToggleInput } from './ToggleInput.svelte';

package/src/lib/components/inputs/issues/FormIssues.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
     import { theme } from '$lib/theme.svelte';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { TriangleAlert } from '@lucide/svelte';
     import type { RemoteFormIssue } from '@sveltejs/kit';
     import type { ClassValue } from 'svelte/elements';

package/src/lib/components/layout/Heading.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
     import { theme } from '$lib/theme.svelte';
     import type { IvoryComponent } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import type { ClassValue } from 'svelte/elements';
 
     export interface HeadingProps extends IvoryComponent<HTMLHeadingElement> {

package/src/lib/components/layout/dialog/Dialog.svelte

@@ -1,7 +1,7 @@
 <script lang="ts" module>
     import { theme } from '$lib/theme.svelte';
     import type { IvoryComponent, TransitionProps } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { onMount, tick } from 'svelte';
     import type { MouseEventHandler } from 'svelte/elements';
     import { fade } from 'svelte/transition';

package/src/lib/components/layout/drawer/Drawer.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
     import type { TransitionProps } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { X } from '@lucide/svelte';
     import type { Snippet } from 'svelte';
     import { fly } from 'svelte/transition';

package/src/lib/components/layout/modal/Modal.svelte

@@ -2,7 +2,7 @@
     import type { Variant } from '$lib';
     import { theme } from '$lib/theme.svelte';
     import type { TransitionProps } from '$lib/types';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { X } from '@lucide/svelte';
     import { type Snippet } from 'svelte';
     import type { ClassValue, MouseEventHandler } from 'svelte/elements';

package/src/lib/components/layout/tabs/Tab.svelte

@@ -2,8 +2,7 @@
     import { page } from '$app/state';
     import { theme } from '$lib/theme.svelte';
     import type { IvoryComponent } from '$lib/types';
-    import { pseudoRandomId } from '$lib/utils/functions/index';
-    import { merge } from '$lib/utils/merge';
+    import { merge, pseudoRandomId } from '$lib/utils/functions';
     import { onMount, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import { getTabContext } from './Tabs.svelte';

package/src/lib/components/layout/tooltip/Tooltip.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import type { Snippet } from 'svelte';
     import type { ClassValue, MouseEventHandler } from 'svelte/elements';
     import Popover, { type PopoverPlacement } from '../popover/Popover.svelte';

package/src/lib/components/table/Column.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" module>
     import { theme } from '$lib/theme.svelte';
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
     import type { ColumnConfig } from './columnController.svelte';

package/src/lib/components/table/Table.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { ChevronRight } from '@lucide/svelte';
     import { getContext, setContext, untrack, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';

package/src/lib/components/table/VirtualList.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T extends { id: string }">
-    import { merge } from '$lib/utils/merge';
+    import { merge } from '$lib/utils/functions';
     import { onMount, tick, untrack, type Snippet } from 'svelte';
     import type { ClassValue } from 'svelte/elements';
 

package/src/lib/utils/functions/index.ts

@@ -1,4 +1,5 @@
 export { cookie } from './cookie';
 export { createDebouncedValue } from './debouncedValue.svelte';
+export { merge } from './merge';
 export { pseudoRandomId } from './pseudoRandomId';
 export { queryParams } from './queryParams';

package/dist/utils/merge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge.d.ts","sourceRoot":"","sources":["../../src/lib/utils/merge.ts"],"names":[],"mappings":"AAAA,OAAa,EAAE,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,+BAA+B;AAC/B,eAAO,MAAM,KAAK,GAAI,GAAG,SAAS,UAAU,WAE3C,CAAC"}