@ims360/svelte-ivory 0.0.42 → 0.0.44

package/dist/components/ai/Chat.svelte

@@ -60,7 +60,7 @@
         return remainHeight;
     }
 
-    async function scrollToBottom() {
+    export async function scrollToBottom() {
         if (!chatContainer) return;
         await tick();
         await tick();

package/dist/components/ai/Chat.svelte.d.ts

@@ -35,7 +35,9 @@ interface Props {
  * Comes with default styles for the chat messages, but can be customized with the `userMessage` and `systemMessage` props.
  * The input component has to be provided as a child component, and the `submit` function has to be provided as a callback.
  */
-declare const Chat: import("svelte").Component<Props, {}, "b_chat">;
+declare const Chat: import("svelte").Component<Props, {
+    scrollToBottom: () => Promise<void>;
+}, "b_chat">;
 type Chat = ReturnType<typeof Chat>;
 export default Chat;
 //# sourceMappingURL=Chat.svelte.d.ts.map

package/dist/components/ai/Chat.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ai/Chat.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAqHL;;;;GAIG;AACH,QAAA,MAAM,IAAI,iDAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chat.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ai/Chat.svelte.ts"],"names":[],"mappings":"AAII,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,MAAM;IACnB,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,OAAO,EAAE,aAAa,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACrF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC,CAAC;QAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IAC7E,MAAM,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACrD;AAqHL;;;;GAIG;AACH,QAAA,MAAM,IAAI;;YAAwC,CAAC;AACnD,KAAK,IAAI,GAAG,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC;AACpC,eAAe,IAAI,CAAC"}

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '../../../types';
+    import type { TransitionProps } from '../../../types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
@@ -11,13 +11,13 @@
 
     export type DrawerPlacement = 'left' | 'right';
 
-    export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type DrawerProps = TransitionProps & {
         class?: string;
         b_open: boolean;
-        title?: string;
+        title?: string | Snippet;
         children: Snippet;
         placement?: DrawerPlacement;
-    }
+    };
 </script>
 
 <script lang="ts">
@@ -54,13 +54,19 @@
                     ])
                 )}
                 onclick={(e) => e.stopPropagation()}
-                in:inTransition
-                out:outTransition
+                in:inTransition|global
+                out:outTransition|global
                 {...rest}
             >
                 <div class="flex flex-row items-center justify-between gap-8">
                     {#if title}
-                        <Heading>{title}</Heading>
+                        <Heading class="flex grow flex-row items-center gap-4">
+                            {#if typeof title === 'function'}
+                                {@render title()}
+                            {:else}
+                                {title}
+                            {/if}
+                        </Heading>
                     {/if}
                     <button class="group ml-auto flex justify-end" type="button" onclick={onclose}>
                         <X class="h-full w-auto transition-[stroke-width] group-hover:stroke-3" />

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

@@ -1,13 +1,13 @@
-import type { IvoryComponent, TransitionProps } from '../../../types';
+import type { TransitionProps } from '../../../types';
 import type { Snippet } from 'svelte';
 export type DrawerPlacement = 'left' | 'right';
-export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+export type DrawerProps = TransitionProps & {
     class?: string;
     b_open: boolean;
-    title?: string;
+    title?: string | Snippet;
     children: Snippet;
     placement?: DrawerPlacement;
-}
+};
 declare const Drawer: import("svelte").Component<DrawerProps, {}, "b_open">;
 type Drawer = ReturnType<typeof Drawer>;
 export default Drawer;

package/dist/components/layout/drawer/Drawer.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOtC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B;AAoDL,QAAA,MAAM,MAAM,uDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Drawer.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/drawer/Drawer.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAOtC,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AA0DN,QAAA,MAAM,MAAM,uDAAwC,CAAC;AACrD,KAAK,MAAM,GAAG,UAAU,CAAC,OAAO,MAAM,CAAC,CAAC;AACxC,eAAe,MAAM,CAAC"}

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '../../../types';
+    import type { TransitionProps } from '../../../types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import { type Snippet } from 'svelte';
@@ -9,7 +9,7 @@
     import { Heading, HiddenBackground, Portal } from '..';
 
     /** Props for the modal, expose if you overwrite the defaults in a custom component */
-    export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type ModalProps = TransitionProps & {
         /** Class of the modal itself, does not apply to the inner div */
         class?: ClassValue;
         /** Class of the div wrapping the children */
@@ -22,8 +22,9 @@
         preventClosing?: boolean;
         /** Variant of the modal, applies styling to the header */
         variant?: ModalVariant;
-        title?: string;
-    }
+        title?: string | Snippet;
+        onclick?: MouseEventHandler<HTMLDivElement>;
+    };
 
     export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
@@ -104,7 +105,13 @@
                         ]}
                     >
                         {#if title}
-                            <Heading>{title}</Heading>
+                            <Heading class="flex grow flex-row items-center gap-4">
+                                {#if typeof title === 'function'}
+                                    {@render title()}
+                                {:else}
+                                    {title}
+                                {/if}
+                            </Heading>
                         {/if}
                         <button
                             class="group ml-auto flex justify-end"

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

@@ -1,8 +1,8 @@
-import type { IvoryComponent, TransitionProps } from '../../../types';
+import type { TransitionProps } from '../../../types';
 import { type Snippet } from 'svelte';
-import type { ClassValue } from 'svelte/elements';
+import type { ClassValue, MouseEventHandler } from 'svelte/elements';
 /** Props for the modal, expose if you overwrite the defaults in a custom component */
-export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+export type ModalProps = TransitionProps & {
     /** Class of the modal itself, does not apply to the inner div */
     class?: ClassValue;
     /** Class of the div wrapping the children */
@@ -15,8 +15,9 @@ export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionPr
     preventClosing?: boolean;
     /** Variant of the modal, applies styling to the header */
     variant?: ModalVariant;
-    title?: string;
-}
+    title?: string | Snippet;
+    onclick?: MouseEventHandler<HTMLDivElement>;
+};
 export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 interface Props extends ModalProps {
     /** If you don't want the title and close button to be included you can overwrite the default modal */

package/dist/components/layout/modal/Modal.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAqB,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAC/E,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAoFL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/modal/Modal.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAKrE,sFAAsF;AACtF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACvC,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wCAAwC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpE,UAAU,KAAM,SAAQ,UAAU;IAC9B,sGAAsG;IACtG,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AA0FL,oFAAoF;AACpF,QAAA,MAAM,KAAK,iDAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/components/table/plugins/search.svelte.d.ts

@@ -1,3 +1,4 @@
+import { SvelteSet } from 'svelte/reactivity';
 import type { TablePlugin, TableRow } from '../';
 interface SearchConfig<T extends TableRow<T>> {
     search: string;
@@ -6,8 +7,8 @@ interface SearchConfig<T extends TableRow<T>> {
 export declare function searchPlugin<T extends TableRow<T>>(conf: SearchConfig<T>): TablePlugin<T>;
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export declare const search: <T extends TableRow<T>>(nodes: T[], searchString: string, stringsMatch: (a: T, b: string) => boolean) => {
-    hidden: Set<string>;
-    expanded: Set<string>;
+    hidden: SvelteSet<string>;
+    expanded: SvelteSet<string>;
 };
 export {};
 //# sourceMappingURL=search.svelte.d.ts.map

package/dist/components/table/plugins/search.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA8BzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA8B7C,CAAC"}
+{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA8BzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA8B7C,CAAC"}

package/dist/components/table/plugins/search.svelte.js

@@ -30,14 +30,14 @@ export function searchPlugin(conf) {
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export const search = (nodes, searchString, stringsMatch) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set();
-    const expanded = new Set();
+    const hidden = new SvelteSet();
+    const expanded = new SvelteSet();
     function nodeMatches(node, childOfMatch = false) {
         const matches = stringsMatch(node, search);
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate)
+            if (childMatches)
                 intermediate = true;
         }
         if (intermediate) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.0.42",
+    "version": "0.0.44",
     "keywords": [
         "svelte"
     ],

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

@@ -60,7 +60,7 @@
         return remainHeight;
     }
 
-    async function scrollToBottom() {
+    export async function scrollToBottom() {
         if (!chatContainer) return;
         await tick();
         await tick();

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
@@ -11,13 +11,13 @@
 
     export type DrawerPlacement = 'left' | 'right';
 
-    export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type DrawerProps = TransitionProps & {
         class?: string;
         b_open: boolean;
-        title?: string;
+        title?: string | Snippet;
         children: Snippet;
         placement?: DrawerPlacement;
-    }
+    };
 </script>
 
 <script lang="ts">
@@ -54,13 +54,19 @@
                     ])
                 )}
                 onclick={(e) => e.stopPropagation()}
-                in:inTransition
-                out:outTransition
+                in:inTransition|global
+                out:outTransition|global
                 {...rest}
             >
                 <div class="flex flex-row items-center justify-between gap-8">
                     {#if title}
-                        <Heading>{title}</Heading>
+                        <Heading class="flex grow flex-row items-center gap-4">
+                            {#if typeof title === 'function'}
+                                {@render title()}
+                            {:else}
+                                {title}
+                            {/if}
+                        </Heading>
                     {/if}
                     <button class="group ml-auto flex justify-end" type="button" onclick={onclose}>
                         <X class="h-full w-auto transition-[stroke-width] group-hover:stroke-3" />

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

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import { type Snippet } from 'svelte';
@@ -9,7 +9,7 @@
     import { Heading, HiddenBackground, Portal } from '..';
 
     /** Props for the modal, expose if you overwrite the defaults in a custom component */
-    export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type ModalProps = TransitionProps & {
         /** Class of the modal itself, does not apply to the inner div */
         class?: ClassValue;
         /** Class of the div wrapping the children */
@@ -22,8 +22,9 @@
         preventClosing?: boolean;
         /** Variant of the modal, applies styling to the header */
         variant?: ModalVariant;
-        title?: string;
-    }
+        title?: string | Snippet;
+        onclick?: MouseEventHandler<HTMLDivElement>;
+    };
 
     export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
@@ -104,7 +105,13 @@
                         ]}
                     >
                         {#if title}
-                            <Heading>{title}</Heading>
+                            <Heading class="flex grow flex-row items-center gap-4">
+                                {#if typeof title === 'function'}
+                                    {@render title()}
+                                {:else}
+                                    {title}
+                                {/if}
+                            </Heading>
                         {/if}
                         <button
                             class="group ml-auto flex justify-end"

package/src/lib/components/table/plugins/search.svelte.ts

@@ -45,8 +45,8 @@ export const search = <T extends TableRow<T>>(
     stringsMatch: (a: T, b: string) => boolean
 ) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set<string>();
-    const expanded = new Set<string>();
+    const hidden = new SvelteSet<string>();
+    const expanded = new SvelteSet<string>();
 
     function nodeMatches(node: T, childOfMatch = false): boolean {
         const matches = stringsMatch(node, search);
@@ -54,7 +54,7 @@ export const search = <T extends TableRow<T>>(
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate) intermediate = true;
+            if (childMatches) intermediate = true;
         }
 
         if (intermediate) {