@tanglemedia/svelte-starter-ui-shadcn 0.0.6 → 0.2.0

package/src/lib/components/ui/toggle-group/toggle-group.svelte

@@ -1,31 +1,56 @@
 <script lang="ts" module>
 	import { getContext, setContext } from "svelte";
-	import type { ToggleVariants } from "../toggle/index.js";
-	export function setToggleGroupCtx(props: ToggleVariants) {
+	import { toggleVariants } from "$lib/components/ui/toggle/index.js";
+	import type { VariantProps } from "tailwind-variants";
+
+	type ToggleVariants = VariantProps<typeof toggleVariants>;
+
+	interface ToggleGroupContext extends ToggleVariants {
+		spacing?: number;
+		orientation?: "horizontal" | "vertical";
+	}
+
+	export function setToggleGroupCtx(props: ToggleGroupContext) {
 		setContext("toggleGroup", props);
 	}
 
 	export function getToggleGroupCtx() {
-		return getContext<ToggleVariants>("toggleGroup");
+		return getContext<Required<ToggleGroupContext>>("toggleGroup");
 	}
 </script>
 
 <script lang="ts">
 	import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "$lib/components/utils.js";
 
 	let {
 		ref = $bindable(null),
 		value = $bindable(),
 		class: className,
 		size = "default",
+		spacing = 0,
+		orientation = "horizontal",
 		variant = "default",
 		...restProps
-	}: ToggleGroupPrimitive.RootProps & ToggleVariants = $props();
+	}: ToggleGroupPrimitive.RootProps &
+		ToggleVariants & {
+			spacing?: number;
+			orientation?: "horizontal" | "vertical";
+		} = $props();
 
 	setToggleGroupCtx({
-		variant,
-		size,
+		get variant() {
+			return variant;
+		},
+		get size() {
+			return size;
+		},
+		get spacing() {
+			return spacing;
+		},
+		get orientation() {
+			return orientation;
+		},
 	});
 </script>
 
@@ -36,6 +61,15 @@ get along, so we shut typescript up by casting `value` to `never`.
 <ToggleGroupPrimitive.Root
 	bind:value={value as never}
 	bind:ref
-	class={cn("flex items-center justify-center gap-1", className)}
+	{orientation}
+	data-slot="toggle-group"
+	data-variant={variant}
+	data-size={size}
+	data-spacing={spacing}
+	style={`--gap: ${spacing}`}
+	class={cn(
+		"rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-vertical:flex-col data-vertical:items-stretch",
+		className
+	)}
 	{...restProps}
 />

package/src/lib/components/ui/tooltip/index.ts

@@ -1,18 +1,19 @@
-import { Tooltip as TooltipPrimitive } from "bits-ui";
 import Content from "./tooltip-content.svelte";
-
-const Root = TooltipPrimitive.Root;
-const Trigger = TooltipPrimitive.Trigger;
-const Provider = TooltipPrimitive.Provider;
+import Portal from "./tooltip-portal.svelte";
+import Provider from "./tooltip-provider.svelte";
+import Trigger from "./tooltip-trigger.svelte";
+import Root from "./tooltip.svelte";
 
 export {
 	Root,
 	Trigger,
 	Content,
 	Provider,
+	Portal,
 	//
 	Root as Tooltip,
 	Content as TooltipContent,
 	Trigger as TooltipTrigger,
 	Provider as TooltipProvider,
+	Portal as TooltipPortal,
 };

package/src/lib/components/ui/tooltip/tooltip-content.svelte

@@ -1,21 +1,48 @@
 <script lang="ts">
 	import { Tooltip as TooltipPrimitive } from "bits-ui";
-	import { cn } from "../../../utils";
+	import { cn } from "$lib/components/utils.js";
+	import type { WithoutChildrenOrChild } from "$lib/components/utils.js";
+	import TooltipPortal from "./tooltip-portal.svelte";
+	import type { ComponentProps } from "svelte";
 
 	let {
 		ref = $bindable(null),
 		class: className,
-		sideOffset = 4,
+		sideOffset = 0,
+		side = "top",
+		children,
+		arrowClasses,
+		portalProps,
 		...restProps
-	}: TooltipPrimitive.ContentProps = $props();
+	}: TooltipPrimitive.ContentProps & {
+		arrowClasses?: string;
+		portalProps?: WithoutChildrenOrChild<ComponentProps<typeof TooltipPortal>>;
+	} = $props();
 </script>
 
-<TooltipPrimitive.Content
-	bind:ref
-	{sideOffset}
-	class={cn(
-		"bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs",
-		className
-	)}
-	{...restProps}
-/>
+<TooltipPortal {...portalProps}>
+	<TooltipPrimitive.Content
+		bind:ref
+		data-slot="tooltip-content"
+		{sideOffset}
+		{side}
+		class={cn(
+			"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm z-50 w-fit max-w-xs origin-(--bits-tooltip-content-transform-origin) bg-foreground text-background",
+			className
+		)}
+		{...restProps}
+	>
+		{@render children?.()}
+		<TooltipPrimitive.Arrow>
+			{#snippet child({ props })}
+				<div
+					class={cn(
+						"size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] z-50 bg-foreground fill-foreground data-[side=bottom]:-translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)] data-[side=left]:-translate-y-[calc(50%_-_3px)] data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2 data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
+						arrowClasses
+					)}
+					{...props}
+				></div>
+			{/snippet}
+		</TooltipPrimitive.Arrow>
+	</TooltipPrimitive.Content>
+</TooltipPortal>

package/src/lib/components/ui/tooltip/tooltip-portal.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { ...restProps }: TooltipPrimitive.PortalProps = $props();
+</script>
+
+<TooltipPrimitive.Portal {...restProps} />

package/src/lib/components/ui/tooltip/tooltip-provider.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { delayDuration = 0, ...restProps }: TooltipPrimitive.ProviderProps = $props();
+</script>
+
+<TooltipPrimitive.Provider {delayDuration} {...restProps} />

package/src/lib/components/ui/tooltip/tooltip-trigger.svelte

@@ -0,0 +1,7 @@
+<script lang="ts" generics="T = never">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps<T> = $props();
+</script>
+
+<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />

package/src/lib/components/ui/tooltip/tooltip.svelte

@@ -0,0 +1,7 @@
+<script lang="ts" generics="T = never">
+	import { Tooltip as TooltipPrimitive } from "bits-ui";
+
+	let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps<T> = $props();
+</script>
+
+<TooltipPrimitive.Root bind:open {...restProps} />

package/src/lib/components/utils.ts

@@ -0,0 +1,17 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any }
+  ? Omit<T, "children">
+  : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};

package/src/lib/hooks/index.ts

@@ -1 +1 @@
-export * from './is-mobile.svelte';
+export * from "./is-mobile.svelte";

package/src/lib/hooks/is-mobile.svelte.test.ts

@@ -0,0 +1,42 @@
+import { describe, it, expect, vi } from 'vitest';
+import { IsMobile } from './is-mobile.svelte.js';
+
+// MediaQuery from svelte/reactivity wraps the query string in parentheses
+// and exposes the result via `.current`, not `.matches`.
+
+describe('IsMobile', () => {
+  it('passes the correct max-width query for the default 768 breakpoint', () => {
+    const spy = vi.mocked(window.matchMedia);
+    spy.mockClear();
+    new IsMobile();
+    expect(spy).toHaveBeenCalledWith('(max-width: 767px)');
+  });
+
+  it('passes the correct max-width query for a custom breakpoint', () => {
+    const spy = vi.mocked(window.matchMedia);
+    spy.mockClear();
+    new IsMobile(1024);
+    expect(spy).toHaveBeenCalledWith('(max-width: 1023px)');
+  });
+
+  it('reflects matches: false from the matchMedia mock via .current', () => {
+    // test-setup mocks matchMedia to return matches: false
+    const isMobile = new IsMobile();
+    expect(isMobile.current).toBe(false);
+  });
+
+  it('reflects matches: true when matchMedia returns true via .current', () => {
+    vi.mocked(window.matchMedia).mockReturnValueOnce({
+      matches: true,
+      media: '(max-width: 767px)',
+      onchange: null,
+      addListener: vi.fn(),
+      removeListener: vi.fn(),
+      addEventListener: vi.fn(),
+      removeEventListener: vi.fn(),
+      dispatchEvent: vi.fn(),
+    });
+    const isMobile = new IsMobile();
+    expect(isMobile.current).toBe(true);
+  });
+});

package/src/lib/hooks/is-mobile.svelte.ts

@@ -1,9 +1,9 @@
 import { MediaQuery } from "svelte/reactivity";
 
-const MOBILE_BREAKPOINT = 768;
+const DEFAULT_MOBILE_BREAKPOINT = 768;
 
 export class IsMobile extends MediaQuery {
-	constructor() {
-		super(`max-width: ${MOBILE_BREAKPOINT - 1}px`);
+	constructor(breakpoint: number = DEFAULT_MOBILE_BREAKPOINT) {
+		super(`max-width: ${breakpoint - 1}px`);
 	}
 }

package/src/lib/hooks/use-clipboard.svelte.test.ts

@@ -0,0 +1,63 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { UseClipboard } from './use-clipboard.svelte.js';
+
+describe('UseClipboard', () => {
+  beforeEach(() => {
+    vi.useFakeTimers();
+    Object.assign(navigator, {
+      clipboard: { writeText: vi.fn().mockResolvedValue(undefined) },
+    });
+  });
+
+  afterEach(() => {
+    vi.useRealTimers();
+  });
+
+  it('has undefined status and false copied initially', () => {
+    const clipboard = new UseClipboard();
+    expect(clipboard.status).toBeUndefined();
+    expect(clipboard.copied).toBe(false);
+  });
+
+  it('sets status to success and copied to true after a successful copy', async () => {
+    const clipboard = new UseClipboard();
+    await clipboard.copy('hello');
+    expect(clipboard.status).toBe('success');
+    expect(clipboard.copied).toBe(true);
+  });
+
+  it('sets status to failure when the clipboard API throws', async () => {
+    vi.mocked(navigator.clipboard.writeText).mockRejectedValueOnce(new Error('denied'));
+    const clipboard = new UseClipboard();
+    await clipboard.copy('hello');
+    expect(clipboard.status).toBe('failure');
+    expect(clipboard.copied).toBe(false);
+  });
+
+  it('resets status to undefined after the default delay', async () => {
+    const clipboard = new UseClipboard({ delay: 500 });
+    await clipboard.copy('hello');
+    expect(clipboard.status).toBe('success');
+    vi.advanceTimersByTime(500);
+    expect(clipboard.status).toBeUndefined();
+  });
+
+  it('respects a custom delay before resetting', async () => {
+    const clipboard = new UseClipboard({ delay: 1000 });
+    await clipboard.copy('hello');
+    vi.advanceTimersByTime(999);
+    expect(clipboard.status).toBe('success');
+    vi.advanceTimersByTime(1);
+    expect(clipboard.status).toBeUndefined();
+  });
+
+  it('clears the previous timeout when copy is called again quickly', async () => {
+    const clipboard = new UseClipboard({ delay: 500 });
+    await clipboard.copy('first');
+    await clipboard.copy('second');
+    vi.advanceTimersByTime(499);
+    expect(clipboard.status).toBe('success');
+    vi.advanceTimersByTime(1);
+    expect(clipboard.status).toBeUndefined();
+  });
+});

package/src/lib/hooks/use-clipboard.svelte.ts

@@ -0,0 +1,87 @@
+/*
+	Installed from @ieedan/shadcn-svelte-extras
+*/
+
+type Options = {
+  /** The time before the copied status is reset. */
+  delay: number;
+};
+
+/** Use this hook to copy text to the clipboard and show a copied state.
+ *
+ * ## Usage
+ * ```svelte
+ * <script lang="ts">
+ * 		import { UseClipboard } from "$lib/hooks/use-clipboard.svelte";
+ *
+ * 		const clipboard = new UseClipboard();
+ * </script>
+ *
+ * <button onclick={clipboard.copy('Hello, World!')}>
+ *     {#if clipboard.copied === 'success'}
+ *         Copied!
+ *     {:else if clipboard.copied === 'failure'}
+ *         Failed to copy!
+ *     {:else}
+ *         Copy
+ *     {/if}
+ * </button>
+ * ```
+ *
+ */
+export class UseClipboard {
+  #copiedStatus = $state<"success" | "failure">();
+  private delay: number;
+  private timeout: ReturnType<typeof setTimeout> | undefined = undefined;
+
+  constructor({ delay = 500 }: Partial<Options> = {}) {
+    this.delay = delay;
+  }
+
+  /** Copies the given text to the users clipboard.
+   *
+   * ## Usage
+   * ```ts
+   * clipboard.copy('Hello, World!');
+   * ```
+   *
+   * @param text
+   * @returns
+   */
+  async copy(text: string) {
+    if (this.timeout) {
+      this.#copiedStatus = undefined;
+      clearTimeout(this.timeout);
+    }
+
+    try {
+      await navigator.clipboard.writeText(text);
+
+      this.#copiedStatus = "success";
+
+      this.timeout = setTimeout(() => {
+        this.#copiedStatus = undefined;
+      }, this.delay);
+    } catch {
+      // an error can occur when not in the browser or if the user hasn't given clipboard access
+      this.#copiedStatus = "failure";
+
+      this.timeout = setTimeout(() => {
+        this.#copiedStatus = undefined;
+      }, this.delay);
+    }
+
+    return this.#copiedStatus;
+  }
+
+  /** true when the user has just copied to the clipboard. */
+  get copied() {
+    return this.#copiedStatus === "success";
+  }
+
+  /**	Indicates whether a copy has occurred
+   * and gives a status of either `success` or `failure`. */
+  get status() {
+    return this.#copiedStatus;
+  }
+}

package/src/lib/index.ts

@@ -1,3 +1,5 @@
-export * from './utils';
-export * from './hooks';
-export * from './components/ui';
+export * from "./components/utils.ts";
+export * from "./hooks/index.ts";
+export * from "./components/ui/index.ts";
+export * from "./components/extended/index.ts";
+export * from "./components/extra/index.ts";

package/src/lib/utils/utils.ts

@@ -0,0 +1,21 @@
+/*
+	Installed from @ieedan/shadcn-svelte-extras
+*/
+
+import { type ClassValue, clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChild<T> = T extends { child?: any } ? Omit<T, "child"> : T;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type WithoutChildren<T> = T extends { children?: any }
+  ? Omit<T, "children">
+  : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};

package/dist/lib/components/ui/data-table/data-table.svelte.d.ts

@@ -1,36 +0,0 @@
-import { type RowData, type TableOptions } from "@tanstack/table-core";
-/**
- * Creates a reactive TanStack table object for Svelte.
- * @param options Table options to create the table with.
- * @returns A reactive table object.
- * @example
- * ```svelte
- * <script>
- *   const table = createSvelteTable({ ... })
- * </script>
- *
- * <table>
- *   <thead>
- *     {#each table.getHeaderGroups() as headerGroup}
- *       <tr>
- *         {#each headerGroup.headers as header}
- *           <th colspan={header.colSpan}>
- *         	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
- *         	 </th>
- *         {/each}
- *       </tr>
- *     {/each}
- *   </thead>
- * 	 <!-- ... -->
- * </table>
- * ```
- */
-export declare function createSvelteTable<TData extends RowData>(options: TableOptions<TData>): import("@tanstack/table-core").Table<TData>;
-/**
- * Merges objects together while keeping their getters alive.
- * Taken from SolidJS: {@link https://github.com/solidjs/solid/blob/24abc825c0996fd2bc8c1de1491efe9a7e743aff/packages/solid/src/server/rendering.ts#L82-L115}
- */
-export declare function mergeObjects<T>(source: T): T;
-export declare function mergeObjects<T, U>(source: T, source1: U): T & U;
-export declare function mergeObjects<T, U, V>(source: T, source1: U, source2: V): T & U & V;
-export declare function mergeObjects<T, U, V, W>(source: T, source1: U, source2: V, source3: W): T & U & V & W;

package/dist/lib/components/ui/data-table/data-table.svelte.js

@@ -1,89 +0,0 @@
-import { createTable, } from "@tanstack/table-core";
-/**
- * Creates a reactive TanStack table object for Svelte.
- * @param options Table options to create the table with.
- * @returns A reactive table object.
- * @example
- * ```svelte
- * <script>
- *   const table = createSvelteTable({ ... })
- * </script>
- *
- * <table>
- *   <thead>
- *     {#each table.getHeaderGroups() as headerGroup}
- *       <tr>
- *         {#each headerGroup.headers as header}
- *           <th colspan={header.colSpan}>
- *         	   <FlexRender content={header.column.columnDef.header} context={header.getContext()} />
- *         	 </th>
- *         {/each}
- *       </tr>
- *     {/each}
- *   </thead>
- * 	 <!-- ... -->
- * </table>
- * ```
- */
-export function createSvelteTable(options) {
-    const resolvedOptions = mergeObjects({
-        state: {},
-        onStateChange() { },
-        renderFallbackValue: null,
-        mergeOptions: (defaultOptions, options) => {
-            return mergeObjects(defaultOptions, options);
-        },
-    }, options);
-    const table = createTable(resolvedOptions);
-    let state = $state(table.initialState);
-    function updateOptions() {
-        table.setOptions((prev) => {
-            return mergeObjects(prev, options, {
-                state: mergeObjects(state, options.state || {}),
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                onStateChange: (updater) => {
-                    if (updater instanceof Function)
-                        state = updater(state);
-                    else
-                        state = mergeObjects(state, updater);
-                    options.onStateChange?.(updater);
-                },
-            });
-        });
-    }
-    updateOptions();
-    $effect.pre(() => {
-        updateOptions();
-    });
-    return table;
-}
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function mergeObjects(...sources) {
-    const target = {};
-    for (let i = 0; i < sources.length; i++) {
-        let source = sources[i];
-        if (typeof source === "function")
-            source = source();
-        if (source) {
-            const descriptors = Object.getOwnPropertyDescriptors(source);
-            for (const key in descriptors) {
-                if (key in target)
-                    continue;
-                Object.defineProperty(target, key, {
-                    enumerable: true,
-                    get() {
-                        for (let i = sources.length - 1; i >= 0; i--) {
-                            let s = sources[i];
-                            if (typeof s === "function")
-                                s = s();
-                            const v = (s || {})[key];
-                            if (v !== undefined)
-                                return v;
-                        }
-                    },
-                });
-            }
-        }
-    }
-    return target;
-}

package/dist/lib/components/ui/data-table/flex-render.svelte

@@ -1,43 +0,0 @@
-<script lang="ts" module>
-	import type { CellContext, ColumnDefTemplate, HeaderContext } from "@tanstack/table-core";
-	type TData = unknown;
-	type TValue = unknown;
-	type TContext = unknown;
-</script>
-
-<script
-	lang="ts"
-	generics="TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>"
->
-	import { RenderComponentConfig, RenderSnippetConfig } from "./render-helpers.js";
-
-	type Props = {
-		/** The cell or header field of the current cell's column definition. */
-		content?: TContext extends HeaderContext<TData, TValue>
-			? ColumnDefTemplate<HeaderContext<TData, TValue>>
-			: TContext extends CellContext<TData, TValue>
-				? ColumnDefTemplate<CellContext<TData, TValue>>
-				: never;
-		/** The result of the `getContext()` function of the header or cell */
-		context: TContext;
-	};
-
-	let { content, context }: Props = $props();
-</script>
-
-{#if typeof content === "string"}
-	{content}
-{:else if content instanceof Function}
-	<!-- It's unlikely that a CellContext will be passed to a Header -->
-	<!-- eslint-disable-next-line @typescript-eslint/no-explicit-any -->
-	{@const result = content(context as any)}
-	{#if result instanceof RenderComponentConfig}
-		{@const { component: Component, props } = result}
-		<Component {...props} />
-	{:else if result instanceof RenderSnippetConfig}
-		{@const { snippet, params } = result}
-		{@render snippet(params)}
-	{:else}
-		{result}
-	{/if}
-{/if}

package/dist/lib/components/ui/data-table/flex-render.svelte.d.ts

@@ -1,23 +0,0 @@
-import type { CellContext, ColumnDefTemplate, HeaderContext } from "@tanstack/table-core";
-declare class __sveltets_Render<TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>> {
-    props(): {
-        /** The cell or header field of the current cell's column definition. */
-        content?: (TContext extends HeaderContext<TData, TValue> ? ColumnDefTemplate<HeaderContext<TData, TValue>> : TContext extends CellContext<TData, TValue> ? ColumnDefTemplate<CellContext<TData, TValue>> : never) | undefined;
-        /** The result of the `getContext()` function of the header or cell */
-        context: TContext;
-    };
-    events(): {};
-    slots(): {};
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TData, TValue, TContext>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TData, TValue, TContext>['props']>, ReturnType<__sveltets_Render<TData, TValue, TContext>['events']>, ReturnType<__sveltets_Render<TData, TValue, TContext>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TData, TValue, TContext>['bindings']>;
-    } & ReturnType<__sveltets_Render<TData, TValue, TContext>['exports']>;
-    <TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>>(internal: unknown, props: ReturnType<__sveltets_Render<TData, TValue, TContext>['props']> & {}): ReturnType<__sveltets_Render<TData, TValue, TContext>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const FlexRender: $$IsomorphicComponent;
-type FlexRender<TData, TValue, TContext extends HeaderContext<TData, TValue> | CellContext<TData, TValue>> = InstanceType<typeof FlexRender<TData, TValue, TContext>>;
-export default FlexRender;

package/dist/lib/components/ui/data-table/index.d.ts

@@ -1,3 +0,0 @@
-export { default as FlexRender } from "./flex-render.svelte";
-export { renderComponent, renderSnippet } from "./render-helpers.js";
-export { createSvelteTable } from "./data-table.svelte.js";

package/dist/lib/components/ui/data-table/index.js

@@ -1,3 +0,0 @@
-export { default as FlexRender } from "./flex-render.svelte";
-export { renderComponent, renderSnippet } from "./render-helpers.js";
-export { createSvelteTable } from "./data-table.svelte.js";