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

package/dist/components/dropdown/item/bond.svelte.js

@@ -1,99 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { Bond, BondState } from '../../../shared/bond.svelte';
-import { DropdownBond, DropdownBondState } from '../bond.svelte';
-import { createAttachmentKey } from 'svelte/attachments';
-export class DropdownItemBond extends Bond {
-    static CONTEXT_KEY = '@atoms/context/dropdown/item';
-    #dropdown;
-    constructor(state) {
-        super(state);
-        this.#dropdown = DropdownBond.get();
-        if (!this.#dropdown) {
-            throw new Error('DropdownItemAtom must be used within a DropdownAtom context');
-        }
-    }
-    get value() {
-        return this.state.value;
-    }
-    get text() {
-        const element = (this.elements?.root?.querySelector('[data-text]') ?? this.elements?.root);
-        return element?.innerText ?? '';
-    }
-    get dropdown() {
-        return this.#dropdown;
-    }
-    mount() {
-        this.dropdown?.state.mountItem(this.state.value, this);
-        return () => this.unmount();
-    }
-    unmount() {
-        this.dropdown?.state.unmountItem(this.state.value);
-    }
-    share() {
-        return DropdownItemBond.set(this);
-    }
-    root() {
-        return {
-            'data-selected': this.state.isSelected,
-            [createAttachmentKey()]: (node) => {
-                this.elements.root = node;
-            }
-        };
-    }
-    static get() {
-        return getContext(DropdownItemBond.CONTEXT_KEY);
-    }
-    static set(bond) {
-        return setContext(DropdownItemBond.CONTEXT_KEY, bond);
-    }
-}
-export class DropdownItemBondState extends BondState {
-    #dropdown;
-    constructor(props) {
-        super(props);
-        this.#dropdown = DropdownBond.get();
-        if (!this.#dropdown) {
-            throw new Error('DropdownItemState must be used within a DropdownAtom context');
-        }
-    }
-    get value() {
-        return this.props.value;
-    }
-    get data() {
-        return this.props.data;
-    }
-    get isSelected() {
-        return this.dropdown?.props.values?.includes(this.props.value) ?? false;
-    }
-    set isSelected(val) {
-        if (val) {
-            this.dropdown?.select([this.props.value]);
-        }
-        else {
-            this.dropdown?.unselect([this.props.value]);
-        }
-    }
-    get isHighlighted() {
-        return this.dropdown?.highlightedItem?.id === this.id;
-    }
-    get dropdown() {
-        return this.#dropdown?.state;
-    }
-    select() {
-        this.dropdown?.select([this.value]);
-    }
-    unselect() {
-        this.dropdown?.unselect([this.value]);
-    }
-    toggle() {
-        if (this.isSelected) {
-            this.unselect();
-        }
-        else {
-            this.select();
-        }
-    }
-    close() {
-        this.dropdown?.close();
-    }
-}

package/dist/components/menu/menu-item.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" generics="T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base">
-	import { PopoverBond } from '../popover/bond.svelte';
-	import type { Base } from '../atom';
-	import { List } from '../list';
-
-	const bond = PopoverBond.get();
-
-	let {
-		class: klass = '',
-		preset: presetKey = 'menu.item',
-		children = undefined,
-		onclick = undefined,
-		disabled = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		...restProps
-	} = $props();
-
-	function _onclick(ev: MouseEvent) {
-		onclick?.(ev);
-
-		if (ev.defaultPrevented) {
-			return;
-		}
-
-		bond?.state.close();
-	}
-
-	function _onkeydown(ev: KeyboardEvent) {
-		if (disabled) return;
-
-		// Activate on Enter or Space
-		if (ev.key === 'Enter' || ev.key === ' ') {
-			ev.preventDefault();
-			// Call the click handler if provided
-			// cast to any to avoid strict event-type mismatch when forwarding
-			onclick?.(ev as unknown as MouseEvent);
-			bond?.state.close();
-		}
-	}
-</script>
-
-<List.Item
-	{bond}
-	preset={presetKey}
-	class={[
-		'border-border last:border-b-none hover:bg-foreground/5 active:bg-foreground/10 cursor-pointer border-b',
-		'$preset',
-		klass
-	]}
-	onmount={onmount?.bind(bond.state)}
-	ondestroy={ondestroy?.bind(bond.state)}
-	enter={enter?.bind(bond.state)}
-	exit={exit?.bind(bond.state)}
-	initial={initial?.bind(bond.state)}
-	animate={animate?.bind(bond.state)}
-	role="menuitem"
-	aria-disabled={disabled ? true : undefined}
-	tabIndex={disabled ? -1 : 0}
-	onkeydown={_onkeydown}
-	onclick={_onclick}
-	{...restProps}
->
-	{@render children?.({ menu: bond })}
-</List.Item>

package/dist/components/menu/menu-item.svelte.d.ts

@@ -1,37 +0,0 @@
-import type { Base } from '../atom';
-declare function $$render<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(): {
-    props: {
-        class?: string;
-        preset?: string;
-        children?: any;
-        onclick?: any;
-        disabled?: any;
-        onmount?: any;
-        ondestroy?: any;
-        animate?: any;
-        enter?: any;
-        exit?: any;
-        initial?: any;
-    } & Record<string, any>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> {
-    props(): ReturnType<typeof $$render<T, B>>['props'];
-    events(): ReturnType<typeof $$render<T, B>>['events'];
-    slots(): ReturnType<typeof $$render<T, B>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, B>['props']>, ReturnType<__sveltets_Render<T, B>['events']>, ReturnType<__sveltets_Render<T, B>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, B>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, B>['exports']>;
-    <T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<T, B>['props']> & {}): ReturnType<__sveltets_Render<T, B>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
-}
-declare const MenuItem: $$IsomorphicComponent;
-type MenuItem<T extends keyof HTMLElementTagNameMap = 'div', B extends Base = Base> = InstanceType<typeof MenuItem<T, B>>;
-export default MenuItem;

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

@@ -1,28 +0,0 @@
-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

@@ -1,76 +0,0 @@
-/**
- * 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}
----
-
-`;
-}