@svelte-atoms/core 1.0.0-alpha.29 → 1.0.0-alpha.31

package/dist/components/textarea/textarea-root.svelte.d.ts

@@ -4,8 +4,10 @@ type TextareaRoot = {
     $set?(props: Partial<$$ComponentProps>): void;
 };
 declare const TextareaRoot: import("svelte").Component<{
+    class?: string;
     children: any;
 } & Record<string, any>, {}, "">;
 type $$ComponentProps = {
+    class?: string;
     children: any;
 } & Record<string, any>;

package/dist/components/tooltip/tooltip-trigger.svelte

@@ -1,37 +1,39 @@
-<script lang="ts">
-	import { PopoverBond } from '../popover/bond.svelte';
-	import { Trigger } from '../popover/atoms';
-
-	const popoverBond = PopoverBond.get();
-
-	let { onmount, children, ...restProps } = $props();
-
-	function tooltip(node: HTMLElement) {
-		const onpointerenter = async (ev: PointerEvent) => {
-			await popoverBond?.isReady;
-			popoverBond?.state.open();
-		};
-		const onpointerleave = (ev: PointerEvent) => {
-			popoverBond?.state.close();
-		};
-
-		node.addEventListener('pointerenter', onpointerenter);
-		node.addEventListener('pointerleave', onpointerleave);
-
-		const cleanup = () => {
-			node.removeEventListener('pointerenter', onpointerenter);
-			node.removeEventListener('pointerleave', onpointerleave);
-		};
-
-		const unmount = onmount?.(node);
-
-		return () => {
-			cleanup?.();
-			unmount?.();
-		};
-	}
-</script>
-
-<Trigger preset="tooltip.trigger" onmount={tooltip} {...restProps}>
-	{@render children?.()}
-</Trigger>
+<script lang="ts">
+	import { PopoverBond } from '../popover/bond.svelte';
+	import { Trigger } from '../popover/atoms';
+
+	const popoverBond = PopoverBond.get();
+
+	let { onmount, children, onclick = undefined, ...restProps } = $props();
+
+	function tooltip(node: HTMLElement) {
+		const onpointerenter = async () => {
+			requestAnimationFrame(() => {
+				popoverBond?.state.open();
+			});
+			node.addEventListener('pointerleave', onpointerleave);
+		};
+		const onpointerleave = () => {
+			popoverBond?.state.close();
+			node.removeEventListener('pointerleave', onpointerleave);
+		};
+
+		node.addEventListener('pointerenter', onpointerenter, { passive: true });
+
+		const cleanup = () => {
+			node.removeEventListener('pointerenter', onpointerenter);
+			node.removeEventListener('pointerleave', onpointerleave);
+		};
+
+		const unmount = onmount?.(node);
+
+		return () => {
+			cleanup?.();
+			unmount?.();
+		};
+	}
+</script>
+
+<Trigger preset="tooltip.trigger" onmount={tooltip} {onclick} {...restProps}>
+	{@render children?.()}
+</Trigger>

package/dist/components/tooltip/tooltip-trigger.svelte.d.ts

@@ -1,6 +1,7 @@
 declare const TooltipTrigger: import("svelte").Component<{
     onmount: any;
     children: any;
+    onclick?: any;
 } & Record<string, any>, {}, "">;
 type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
 export default TooltipTrigger;

package/dist/components/tooltip/tooltip.stories.svelte

@@ -2,7 +2,6 @@
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import { Tooltip as Tooltip_ } from '.';
 	import { Root as TooltipRoot } from './atoms';
-	import Root from '../root/root.svelte';
 	import { Button } from '../button';
 
 	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
@@ -23,13 +22,11 @@
 </script>
 
 <Story name="Tooltip" args={{}}>
-	<Root class="p-4">
-		<Tooltip_.Root bind:open offset={0}>
-			<Tooltip_.Trigger base={Button}>Open Popover</Tooltip_.Trigger>
-			<Tooltip_.Content>
-				<div>Hello World !</div>
-				<Tooltip_.Arrow />
-			</Tooltip_.Content>
-		</Tooltip_.Root>
-	</Root>
+	<Tooltip_.Root bind:open offset={0}>
+		<Tooltip_.Trigger base={Button}>Open Popover</Tooltip_.Trigger>
+		<Tooltip_.Content>
+			<div>Hello World !</div>
+			<Tooltip_.Arrow />
+		</Tooltip_.Content>
+	</Tooltip_.Root>
 </Story>

package/dist/components/tree/tree.stories.svelte

@@ -1,14 +1,12 @@
 <script module>
 	import { untrack } from 'svelte';
-	import gsap from 'gsap';
+	import { animate } from 'motion';
 	import { RenderScan } from 'svelte-render-scan';
 	import { defineMeta } from '@storybook/addon-svelte-csf';
 	import { dev } from '$app/environment';
 	import { Tree as Tree_ } from '.';
 	import { tree } from './attachments.svelte';
-	import { Root as TreeRoot } from './atoms';
 	import { TreeBond } from './bond.svelte';
-	import Root from '../root/root.svelte';
 
 	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
 	const { Story } = defineMeta({
@@ -28,107 +26,117 @@
 </script>
 
 <Story name="Tree" args={{}}>
-	<Root class="p-4">
-		<Tree_.Root class="" bind:open>
-			{#if dev}
-				<RenderScan duration={300} />
-			{/if}
+	<Tree_.Root class="" bind:open>
+		{#if dev}
+			<RenderScan duration={300} />
+		{/if}
 
-			<Tree_.Header>Vehicles</Tree_.Header>
+		<Tree_.Header>Vehicles</Tree_.Header>
 
-			<Tree_.Body
-				class="border-l border-l-neutral-200"
-				onmount={(node) => {
-					const bond = TreeBond.get();
-					const isOpen = untrack(() => bond?.state.props.open ?? false);
-					gsap.set(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen });
-				}}
-				{@attach tree((node, bond) => {
-					const isOpen = bond?.state.props.open ?? false;
-					gsap.to(node, {
+		<Tree_.Body
+			class="border-l border-l-neutral-200"
+			onmount={(node) => {
+				const bond = TreeBond.get();
+				const isOpen = untrack(() => bond?.state.props.open ?? false);
+				animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+			}}
+			{@attach tree((node, bond) => {
+				const isOpen = bond?.state.props.open ?? false;
+				animate(
+					node,
+					{
 						height: +isOpen ? 'auto' : 0,
 						opacity: +isOpen,
-						pointerEvents: isOpen ? 'all' : 'none',
-						duration: 0.1
-					});
-				})}
-			>
-				<Tree_.Root>
-					<Tree_.Header>Cars</Tree_.Header>
-					<Tree_.Body
-						class="border-l border-l-neutral-200"
-						onmount={(node) => {
-							const bond = TreeBond.get();
-							const isOpen = bond?.state.props.open ?? false;
-							gsap.set(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen });
-						}}
-						animate={(node) => {
-							const bond = TreeBond.get();
-							const isOpen = bond?.state.props.open ?? false;
-							gsap.to(node, {
+						pointerEvents: isOpen ? 'all' : 'none'
+					},
+					{ duration: 0.1 }
+				);
+			})}
+		>
+			<Tree_.Root>
+				<Tree_.Header>Cars</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					animate={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
 								height: +isOpen ? 'auto' : 0,
 								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none',
-								duration: 0.1
-							});
-						}}
-					>
-						Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-						tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-						dolor diam nascetur.
-					</Tree_.Body>
-				</Tree_.Root>
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					}}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
 
-				<Tree_.Root>
-					<Tree_.Header>Trucks</Tree_.Header>
-					<Tree_.Body
-						class="border-l border-l-neutral-200"
-						onmount={(node) => {
-							const bond = TreeBond.get();
-							const isOpen = bond?.state.props.open ?? false;
-							gsap.set(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen });
-						}}
-						{@attach tree((node, bond) => {
-							const isOpen = bond?.state.props.open ?? false;
-							gsap.to(node, {
+			<Tree_.Root>
+				<Tree_.Header>Trucks</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = bond?.state.props.open ?? false;
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					{@attach tree((node, bond) => {
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
 								height: +isOpen ? 'auto' : 0,
 								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none',
-								duration: 0.1
-							});
-						})}
-					>
-						Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-						tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-						dolor diam nascetur.
-					</Tree_.Body>
-				</Tree_.Root>
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					})}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
 
-				<Tree_.Root>
-					<Tree_.Header>Bikes</Tree_.Header>
-					<Tree_.Body
-						class="border-l border-l-neutral-200"
-						onmount={(node) => {
-							const bond = TreeBond.get();
-							const isOpen = untrack(() => bond?.state.props.open ?? false);
-							gsap.set(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen });
-						}}
-						{@attach tree((node, bond) => {
-							const isOpen = bond?.state.props.open ?? false;
-							gsap.to(node, {
+			<Tree_.Root>
+				<Tree_.Header>Bikes</Tree_.Header>
+				<Tree_.Body
+					class="border-l border-l-neutral-200"
+					onmount={(node) => {
+						const bond = TreeBond.get();
+						const isOpen = untrack(() => bond?.state.props.open ?? false);
+						animate(node, { height: +isOpen ? 'auto' : 0, opacity: +isOpen }, { duration: 0 });
+					}}
+					{@attach tree((node, bond) => {
+						const isOpen = bond?.state.props.open ?? false;
+						animate(
+							node,
+							{
 								height: +isOpen ? 'auto' : 0,
 								opacity: +isOpen,
-								pointerEvents: isOpen ? 'all' : 'none',
-								duration: 0.1
-							});
-						})}
-					>
-						Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
-						tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
-						dolor diam nascetur.
-					</Tree_.Body>
-				</Tree_.Root>
-			</Tree_.Body>
-		</Tree_.Root>
-	</Root>
+								pointerEvents: isOpen ? 'all' : 'none'
+							},
+							{ duration: 0.1 }
+						);
+					})}
+				>
+					Mauris et habitasse cubilia potenti at condimentum iaculis nam. Ante fusce litora
+					tristique letius libero. Curabitur vitae cursus consectetur feugiat aenean viverra vel
+					dolor diam nascetur.
+				</Tree_.Body>
+			</Tree_.Root>
+		</Tree_.Body>
+	</Tree_.Root>
 </Story>

package/dist/context/preset.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ClassValue } from 'svelte/elements';
 import type { Base } from '../components/atom';
 import type { Bond } from '../shared';
 export type PresetModuleName = 'accordion' | 'accordion.item.body' | 'accordion.item.header' | 'accordion.item.indicator' | 'accordion.item' | 'alert.actions' | 'alert.close-button' | 'alert.content' | 'alert.description' | 'alert.icon' | 'alert' | 'alert.title' | 'card.content' | 'card.description' | 'card.footer' | 'card.header' | 'card.media' | 'card' | 'card.subtitle' | 'card.title' | 'collapsible.body' | 'collapsible.header' | 'collapsible.indicator' | 'collapsible' | 'combobox.control' | 'combobox.trigger' | 'combobox.item' | 'dialog.close-button' | 'dialog.body' | 'dialog.content' | 'dialog.description' | 'dialog.footer' | 'dialog.header' | 'dialog' | 'dialog.title' | 'divider' | 'dropdown.placeholder' | 'dropdown.query' | 'dropdown.trigger' | 'dropdown.value' | 'dropdown' | 'field.control' | 'field.label' | 'field' | 'form' | 'icon' | 'input' | 'input.control' | 'input.placeholder' | 'label' | 'layer.inner' | 'layer' | 'link' | 'list.divider' | 'list.group' | 'list.item' | 'list.item' | 'list.item' | 'dropdown.item' | 'menu.body' | 'popover.arrow' | 'popover.indicator' | 'popover.content' | 'popover.trigger' | 'portal.inner' | 'portal' | 'root' | 'root.portals' | 'sidebar.content' | 'sidebar' | 'drawer.backdrop' | 'drawer.body' | 'drawer.content' | 'drawer.description' | 'drawer.title' | 'drawer.footer' | 'drawer.header' | 'drawer' | 'stack.root' | 'stack.item' | 'tabs.body' | 'tabs.header' | 'tabs' | 'tab.header' | 'tab.body' | 'tab.description' | 'tab' | 'tree.body' | 'tree.header' | 'tree.indicator' | 'tree' | 'datagrid' | 'datagrid.header' | 'datagrid.th' | 'datagrid.body' | 'datagrid.tr' | 'datagrid.td' | 'datagrid.footer' | 'datagrid.checkbox' | 'datagrid.sort-icon' | 'scrollable' | 'scrollable.container' | 'scrollable.content' | 'scrollable.track' | 'scrollable.thumb' | 'breadcrumb' | 'breadcrumb.item' | 'breadcrumb.separator' | 'badge' | 'button' | 'checkbox' | 'checkbox.checkmark' | 'checkbox.indeterminate' | 'radio' | 'radio.group' | 'container' | 'calendar' | 'calendar.day' | 'calendar.header' | 'calendar.weekday' | 'calendar.body' | 'datepicker.trigger' | 'datepicker.calendar' | 'datepicker.years' | 'datepicker.months' | 'datepicker.header';
-export type PresetEntryRecord = {
+export interface PresetEntryRecord {
     [key: string]: unknown;
     class?: ClassValue;
     as?: string;
@@ -10,8 +10,8 @@ export type PresetEntryRecord = {
     variants?: Record<string, Record<string, any>>;
     compounds?: Array<Record<string, any>>;
     defaults?: Record<string, any>;
-};
-export type PresetEntry = (this: Bond | undefined | null, bond: Bond | undefined | null, ...args: any[]) => PresetEntryRecord;
+}
+export type PresetEntry = (bond: Bond | undefined | null, ...args: any[]) => PresetEntryRecord | (() => PresetEntryRecord);
 export type Preset = Record<PresetModuleName, PresetEntry>;
 export declare function getPreset<K extends PresetModuleName>(key: K): PresetEntry | undefined;
 export declare function getPreset(): Partial<Preset> | undefined;

package/dist/icons/icon-copy.svelte

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="size-full" viewBox="0 0 24 24"
+	><!-- Icon from Fluent UI System Icons by Microsoft Corporation - https://github.com/microsoft/fluentui-system-icons/blob/main/LICENSE --><path
+		fill="currentColor"
+		d="M5.503 4.627 5.5 6.75v10.504a3.25 3.25 0 0 0 3.25 3.25h8.616a2.251 2.251 0 0 1-2.122 1.5H8.75A4.75 4.75 0 0 1 4 17.254V6.75c0-.98.627-1.815 1.503-2.123M17.75 2A2.25 2.25 0 0 1 20 4.25v13a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13A2.25 2.25 0 0 1 8.75 2zM7.75 17.25c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75v-13a.75.75 0 0 0-.75-.75h-9a.75.75 0 0 0-.75.75z"
+	/></svg
+>

package/dist/{components/radio/types.svelte.d.ts → icons/icon-copy.svelte.d.ts}

@@ -1,12 +1,12 @@
-export default Types;
-type Types = SvelteComponent<{
+export default IconCopy;
+type IconCopy = SvelteComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;
 }, {}> & {
     $$bindings?: string;
 };
-declare const Types: $$__sveltets_2_IsomorphicComponent<{
+declare const IconCopy: $$__sveltets_2_IsomorphicComponent<{
     [x: string]: never;
 }, {
     [evt: string]: CustomEvent<any>;

package/dist/utils/function.d.ts

@@ -0,0 +1,2 @@
+export declare function call<const T = (...args: any) => any>(param: T, ...args: any[]): ReturnType<T>;
+export declare function call<const T>(param: T, ...args: any[]): T;

package/dist/utils/function.js

@@ -0,0 +1,6 @@
+export function call(param, ...args) {
+    if (typeof param === 'function') {
+        return param(...args);
+    }
+    return param;
+}

package/dist/utils/markdown-to-llm.d.ts

@@ -0,0 +1,28 @@
+export interface PropDefinition {
+    name: string;
+    type: string;
+    default: string;
+    description: string;
+}
+/**
+ * Converts prop definitions to markdown table format
+ */
+export declare function propsToMarkdown(props: PropDefinition[]): string;
+/**
+ * Injects props into markdown content by replacing placeholders
+ * Placeholders format: {{propName}}
+ */
+export declare function injectPropsIntoMarkdown(markdown: string, propsMap: Record<string, PropDefinition[]>): string;
+/**
+ * Converts markdown content to LLM-friendly text format
+ * Keeps markdown syntax as-is since LLMs parse it well
+ */
+export declare function markdownToLLM(markdown: string): string;
+/**
+ * Reads markdown files from the docs directory
+ */
+export declare function readMarkdownFile(filePath: string): Promise<string>;
+/**
+ * Generate LLM-friendly documentation metadata
+ */
+export declare function generateLLMHeader(title: string, description: string, version?: string): string;

package/dist/utils/markdown-to-llm.js

@@ -0,0 +1,76 @@
+/**
+ * Converts prop definitions to markdown table format
+ */
+export function propsToMarkdown(props) {
+    if (!props || props.length === 0)
+        return '';
+    let markdown = '| Name | Type | Default | Description |\n';
+    markdown += '|------|------|---------|-------------|\n';
+    for (const prop of props) {
+        const name = prop.name.replace(/\|/g, '\\|');
+        const type = prop.type.replace(/\|/g, '\\|');
+        const defaultVal = prop.default.replace(/\|/g, '\\|');
+        const description = prop.description.replace(/\|/g, '\\|');
+        markdown += `| ${name} | ${type} | ${defaultVal} | ${description} |\n`;
+    }
+    return markdown;
+}
+/**
+ * Injects props into markdown content by replacing placeholders
+ * Placeholders format: {{propName}}
+ */
+export function injectPropsIntoMarkdown(markdown, propsMap) {
+    let result = markdown;
+    for (const [key, props] of Object.entries(propsMap)) {
+        const placeholder = new RegExp(`{{${key}}}`, 'g');
+        const propsMarkdown = propsToMarkdown(props);
+        result = result.replace(placeholder, propsMarkdown);
+    }
+    return result;
+}
+/**
+ * Converts markdown content to LLM-friendly text format
+ * Keeps markdown syntax as-is since LLMs parse it well
+ */
+export function markdownToLLM(markdown) {
+    let text = markdown;
+    // Remove HTML comments
+    text = text.replace(/<!--[\s\S]*?-->/g, '');
+    // Remove excessive blank lines (more than 2)
+    text = text.replace(/\n{3,}/g, '\n\n');
+    // Trim whitespace
+    text = text.trim();
+    return text;
+}
+/**
+ * Reads markdown files from the docs directory
+ */
+export async function readMarkdownFile(filePath) {
+    try {
+        // In production, you might want to use a different approach
+        // This is a placeholder - adjust based on your build setup
+        const response = await fetch(filePath);
+        if (!response.ok)
+            throw new Error(`Failed to fetch ${filePath}`);
+        return await response.text();
+    }
+    catch (error) {
+        console.error(`Error reading markdown file: ${filePath}`, error);
+        return '';
+    }
+}
+/**
+ * Generate LLM-friendly documentation metadata
+ */
+export function generateLLMHeader(title, description, version = '1.0.0-alpha.30') {
+    return `# ${title}
+
+${description}
+
+---
+Generated: ${new Date().toISOString()}
+Version: ${version}
+---
+
+`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@svelte-atoms/core",
-	"version": "1.0.0-alpha.29",
+	"version": "1.0.0-alpha.31",
 	"description": "A modular, accessible, and extensible Svelte UI component library.",
 	"repository": {
 		"type": "git",
@@ -31,7 +31,6 @@
 	},
 	"files": [
 		"dist",
-		"llm",
 		"!dist/**/*.test.*",
 		"!dist/**/*.spec.*"
 	],
@@ -357,11 +356,6 @@
 			"svelte": "./dist/components/tooltip/atoms.js",
 			"default": "./dist/components/tooltip/atoms.js"
 		},
-		"./components": {
-			"types": "./dist/components/index.d.ts",
-			"svelte": "./dist/components/index.js",
-			"default": "./dist/components/index.js"
-		},
 		"./utils": {
 			"types": "./dist/utils/index.d.ts",
 			"svelte": "./dist/utils/index.js",
@@ -372,6 +366,10 @@
 			"svelte": "./dist/shared/index.js",
 			"default": "./dist/shared/index.js"
 		},
+		"./tw": {
+			"svelte": "./dist/components/root/root.css",
+			"default": "./dist/components/root/root.css"
+		},
 		"./styles/root": {
 			"svelte": "./dist/components/root/root.css",
 			"default": "./dist/components/root/root.css"
@@ -456,10 +454,8 @@
 		"clsx": "^2.1.1",
 		"date-fns": "^4.1.0",
 		"es-toolkit": "^1.37.2",
-		"gsap": "^3.13.0",
 		"motion": "^12.23.22",
 		"nanoid": "^5.1.5",
-		"tailwind-merge": "^3.2.0",
-		"uqr": "^0.1.2"
+		"tailwind-merge": "^3.2.0"
 	}
 }

package/dist/actions/animation.svelte.d.ts

@@ -1,6 +0,0 @@
-export declare function animate(node: HTMLElement | SVGElement, fn: () => gsap.TweenVars): void;
-export type GsapFromToParams = {
-    from: gsap.TweenVars;
-    to: gsap.TweenVars;
-};
-export declare function gsapFromTo(node: HTMLElement | SVGElement, fn: () => GsapFromToParams): void;

package/dist/actions/animation.svelte.js

@@ -1,14 +0,0 @@
-import { gsap } from 'gsap';
-export function animate(node, fn) {
-    gsap.set(node, fn());
-    $effect(() => {
-        gsap.to(node, fn());
-    });
-}
-export function gsapFromTo(node, fn) {
-    gsap.set(node, { ...fn().from });
-    $effect(() => {
-        const { from, to } = fn();
-        gsap.fromTo(node, { ...from }, { ...to });
-    });
-}

package/dist/actions/clickout.svelte.d.ts

@@ -1,2 +0,0 @@
-export declare function clickout(node: HTMLElement, onclick?: (ev: MouseEvent) => void): () => void;
-export declare function clickoutAction(node: HTMLElement, onclick?: (ev: MouseEvent) => void): void;

package/dist/actions/clickout.svelte.js

@@ -1,15 +0,0 @@
-export function clickout(node, onclick) {
-    const handler = (ev) => {
-        const target = ev.target;
-        if (!node.contains(target)) {
-            onclick?.(ev);
-        }
-    };
-    document.addEventListener('click', handler);
-    return () => {
-        document.removeEventListener('click', handler);
-    };
-}
-export function clickoutAction(node, onclick) {
-    $effect(() => clickout(node, onclick));
-}

package/dist/actions/popover.svelte.d.ts

@@ -1,19 +0,0 @@
-import { type AutoPlacementOptions, type ComputePositionReturn } from '@floating-ui/dom';
-type PopoverElement = HTMLElement;
-type OnChangeParams = ComputePositionReturn & {
-    dx: number;
-    dy: number;
-};
-type OnMountCallback = (p: OnChangeParams) => void;
-export type PopoverParams = AutoPlacementOptions & {
-    open?: boolean;
-    target?: HTMLElement;
-    reference?: HTMLElement;
-    offset?: number;
-    animate?: (node: PopoverElement, params: ComputePositionReturn) => void;
-    onMount?: () => void | (() => void);
-    onDestroy?: () => void;
-    onChange?: OnMountCallback;
-};
-export declare function popover(node: HTMLElement, fn: () => PopoverParams): void;
-export {};