@svelte-atoms/core 1.0.0-alpha.41 → 1.0.0-alpha.44

package/dist/components/datagrid/td/datagrid-td.svelte

@@ -1,66 +0,0 @@
-<script lang="ts" generics="D,E extends HtmlElementTagName, B extends Base = Base">
-	import { DataGridBond } from '../bond.svelte';
-	import { HtmlAtom, type Base } from '../../atom';
-	import type { HtmlElementTagName } from '../../element';
-	import type { DataGridTdBond } from './bond.svelte';
-	export type { DatagridTdProps } from '../types';
-
-	const bond = DataGridBond.get();
-
-	let {
-		class: klass = '',
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		onclick = undefined,
-		...restProps
-	}: DatagridTdProps<D, E, B> = $props();
-
-	let element = $state<HTMLElement>();
-
-	const elementIndex = $derived.by(() => {
-		if (element) {
-			const children = [...(element?.parentElement?.children ?? [])];
-			return children.indexOf(element);
-		}
-
-		return -1;
-	});
-
-	const column = $derived(bond.state.columns.values().find((col) => col.index === elementIndex));
-
-	const isHidden = $derived(column?.state.props.hidden ?? false);
-
-	function onclick_(ev: Event) {
-		onclick?.(ev, { td: bond as unknown as DataGridTdBond<D> });
-
-		if (!ev.defaultPrevented) {
-			//
-		}
-	}
-</script>
-
-{#if !isHidden}
-	<HtmlAtom
-		{@attach (node) => {
-			element = node;
-		}}
-		{bond}
-		preset="datagrid.td"
-		class={['border-border flex h-full items-center py-2 text-left', '$preset', klass]}
-		enter={enter?.bind(bond.state)}
-		exit={exit?.bind(bond.state)}
-		initial={initial?.bind(bond.state)}
-		animate={animate?.bind(bond.state)}
-		onmount={onmount?.bind(bond.state)}
-		ondestroy={ondestroy?.bind(bond.state)}
-		onclick={onclick_}
-		{...restProps}
-	>
-		{@render children?.({ td: bond as unknown as DataGridTdBond<D> })}
-	</HtmlAtom>
-{/if}

package/dist/components/datagrid/td/datagrid-td.svelte.d.ts

@@ -1,30 +0,0 @@
-import { type Base } from '../../atom';
-import type { HtmlElementTagName } from '../../element';
-declare function $$render<D, E extends HtmlElementTagName, B extends Base = Base>(): {
-    props: DatagridTdProps<D, E, B>;
-    exports: {
-        DatagridTdProps: typeof DatagridTdProps;
-    };
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<D, E extends HtmlElementTagName, B extends Base = Base> {
-    props(): ReturnType<typeof $$render<D, E, B>>['props'];
-    events(): ReturnType<typeof $$render<D, E, B>>['events'];
-    slots(): ReturnType<typeof $$render<D, E, B>>['slots'];
-    bindings(): "";
-    exports(): {
-        DatagridTdProps: typeof DatagridTdProps;
-    };
-}
-interface $$IsomorphicComponent {
-    new <D, E extends HtmlElementTagName, B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<D, E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<D, E, B>['props']>, ReturnType<__sveltets_Render<D, E, B>['events']>, ReturnType<__sveltets_Render<D, E, B>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<D, E, B>['bindings']>;
-    } & ReturnType<__sveltets_Render<D, E, B>['exports']>;
-    <D, E extends HtmlElementTagName, B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<D, E, B>['props']> & {}): ReturnType<__sveltets_Render<D, E, B>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const DatagridTd: $$IsomorphicComponent;
-type DatagridTd<D, E extends HtmlElementTagName, B extends Base = Base> = InstanceType<typeof DatagridTd<D, E, B>>;
-export default DatagridTd;

package/dist/components/datagrid/td/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Td } from './datagrid-td.svelte';
-export * from './bond.svelte';

package/dist/components/datagrid/td/index.js

@@ -1,2 +0,0 @@
-export { default as Td } from './datagrid-td.svelte';
-export * from './bond.svelte';

package/dist/components/datagrid/th/bond.svelte.d.ts

@@ -1,38 +0,0 @@
-import type { Direction, SortableType } from '../../../types';
-import { DataGridBond } from '../bond.svelte';
-import { Bond, BondState, type BondStateProps } from '../../../shared/bond.svelte';
-export type DataGridThBondProps = BondStateProps & {
-    id: string;
-    width?: string;
-    screen?: string;
-    sortable?: boolean | SortableType;
-    hidden?: boolean;
-    direction: Direction;
-};
-export type DataGridThElements = {
-    root: HTMLElement;
-};
-export declare class DataGridThBond<T> extends Bond<DataGridThBondProps, DataGridThBondState<T>, DataGridThElements> {
-    #private;
-    static CONTEXT_KEY: string;
-    constructor(s: DataGridThBondState<T>);
-    get isHidden(): boolean;
-    get index(): number;
-    get text(): string;
-    get datagrid(): DataGridBond<T>;
-    share(): this;
-    mount(): () => void;
-    unmount(): void;
-    props(): {
-        [x: symbol]: (node: HTMLElement) => void;
-    };
-    static get(): DataGridThBond | undefined;
-    static set(bond: DataGridThBond): DataGridThBond;
-}
-export declare class DataGridThBondState<T> extends BondState<DataGridThBondProps> {
-    #private;
-    constructor(props: () => DataGridThBondProps);
-    get isSortable(): any;
-    asc(): void;
-    desc(): void;
-}

package/dist/components/datagrid/th/bond.svelte.js

@@ -1,66 +0,0 @@
-import { createAttachmentKey } from 'svelte/attachments';
-import { getContext, setContext } from 'svelte';
-import { DataGridBond, DataGridBondState } from '../bond.svelte';
-import { Bond, BondState } from '../../../shared/bond.svelte';
-export class DataGridThBond extends Bond {
-    static CONTEXT_KEY = '@atoms/context/datagrid/th';
-    #datagrid;
-    constructor(s) {
-        super(s);
-        this.#datagrid = DataGridBond.get();
-    }
-    get isHidden() {
-        return this.elements.root.hidden || getComputedStyle(this.elements.root)?.display === 'none';
-    }
-    get index() {
-        const parent = this.elements.root?.parentElement;
-        return Array.from(parent?.children ?? []).indexOf(this.elements.root);
-    }
-    get text() {
-        return this.elements.root.innerText;
-    }
-    get datagrid() {
-        return this.#datagrid;
-    }
-    share() {
-        return DataGridThBond.set(this);
-    }
-    mount() {
-        return this.#datagrid.state.mountColumn(this.state.id, this);
-    }
-    unmount() {
-        return this.#datagrid.state.unmountColumn(this.state.id);
-    }
-    props() {
-        return {
-            [createAttachmentKey()]: (node) => {
-                this.elements.root = node;
-            }
-        };
-    }
-    static get() {
-        return getContext(DataGridThBond.CONTEXT_KEY);
-    }
-    static set(bond) {
-        return setContext(DataGridThBond.CONTEXT_KEY, bond);
-    }
-}
-export class DataGridThBondState extends BondState {
-    #datagrid;
-    constructor(props) {
-        super(props);
-        this.#datagrid = DataGridBond.get().state;
-        if (!this.#datagrid) {
-            throw new Error('DataGridThBond must be used within a DataGridBond context.');
-        }
-    }
-    get isSortable() {
-        return this.props.sortable;
-    }
-    asc() {
-        this.props.direction = 'asc';
-    }
-    desc() {
-        this.props.direction = 'desc';
-    }
-}

package/dist/components/datagrid/th/datagrid-th.svelte.d.ts

@@ -1,26 +0,0 @@
-import { type Base } from '../../atom';
-import type { DatagridThProps } from '../types';
-declare function $$render<T extends keyof HTMLElementTagNameMap, B extends Base = Base>(): {
-    props: DatagridThProps;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T extends keyof HTMLElementTagNameMap, 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, 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, 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 DatagridTh: $$IsomorphicComponent;
-type DatagridTh<T extends keyof HTMLElementTagNameMap, B extends Base = Base> = InstanceType<typeof DatagridTh<T, B>>;
-export default DatagridTh;

package/dist/components/datagrid/th/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Th } from './datagrid-th.svelte';
-export * from './bond.svelte';

package/dist/components/datagrid/th/index.js

@@ -1,2 +0,0 @@
-export { default as Th } from './datagrid-th.svelte';
-export * from './bond.svelte';

package/dist/components/datagrid/tr/bond.svelte.d.ts

@@ -1,37 +0,0 @@
-import { Bond, BondState, type BondStateProps } from '../../../shared/bond.svelte';
-import { DataGridBond } from '../bond.svelte';
-export type DataGridTrBondProps<T = unknown> = BondStateProps & {
-    value?: string;
-    header?: boolean;
-    data?: T;
-};
-export type DataGridTrBondElements = {
-    root: HTMLElement;
-};
-export declare class DataGridTrBond<T, Props extends DataGridTrBondProps<T> = DataGridTrBondProps<T>, State extends DataGridTrBondState<T, Props> = DataGridTrBondState<T, Props>, Elements extends DataGridTrBondElements = DataGridTrBondElements> extends Bond<Props, State, Elements> {
-    static CONTEXT_KEY: string;
-    constructor(s: DataGridTrBondState<T, Props>);
-    get datagrid(): DataGridBond<unknown>;
-    share(): this;
-    mount(): () => void;
-    unmount(): void;
-    root(): {
-        [x: symbol]: (node: HTMLElement) => void;
-        'data-kind': string;
-        'data-header': string | undefined;
-        'data-selected': string | undefined;
-    };
-    static get(): DataGridTrBond | undefined;
-    static set(bond: DataGridTrBond): DataGridTrBond;
-}
-export declare class DataGridTrBondState<T, Props extends DataGridTrBondProps<T> = DataGridTrBondProps<T>> extends BondState<Props> {
-    #private;
-    static CONTEXT_KEY: string;
-    constructor(props: () => Props);
-    get id(): string;
-    get isSelected(): boolean | undefined;
-    get isHeader(): boolean;
-    get datagrid(): import("..").DataGridBondState<unknown> | undefined;
-    select(): void;
-    unselect(): void;
-}

package/dist/components/datagrid/tr/bond.svelte.js

@@ -1,72 +0,0 @@
-import { getContext, setContext } from 'svelte';
-import { createAttachmentKey } from 'svelte/attachments';
-import { Bond, BondState } from '../../../shared/bond.svelte';
-import { DataGridBond } from '../bond.svelte';
-import { getDatagridHeaderContext } from '../context';
-const DATAGRID_TR_ELEMENTS_KIND = {
-    root: 'datagrid-tr'
-};
-export class DataGridTrBond extends Bond {
-    static CONTEXT_KEY = '@atoms/context/datagrid/tr';
-    constructor(s) {
-        super(s);
-    }
-    get datagrid() {
-        const bond = DataGridBond.get();
-        if (!bond) {
-            throw new Error('DataGridTrBond must be used within a DataGridBond context.');
-        }
-        return bond;
-    }
-    share() {
-        return DataGridTrBond.set(this);
-    }
-    mount() {
-        return this.datagrid.state.mountRow(this.state.id, this);
-    }
-    unmount() {
-        return this.datagrid.state.unmountRow(this.state.id);
-    }
-    root() {
-        return {
-            'data-kind': DATAGRID_TR_ELEMENTS_KIND.root,
-            'data-header': this.state.isHeader ? 'true' : undefined,
-            'data-selected': this.state.isSelected ? 'true' : undefined,
-            [createAttachmentKey()]: (node) => {
-                this.elements.root = node;
-            }
-        };
-    }
-    static get() {
-        return getContext(DataGridTrBond.CONTEXT_KEY);
-    }
-    static set(bond) {
-        return setContext(DataGridTrBond.CONTEXT_KEY, bond);
-    }
-}
-export class DataGridTrBondState extends BondState {
-    static CONTEXT_KEY = '@atoms/context/datagrid/tr';
-    #datagrid = DataGridBond.get();
-    #isHeader = $state(!!getDatagridHeaderContext());
-    constructor(props) {
-        super(props);
-    }
-    get id() {
-        return this.props.value || super.id;
-    }
-    get isSelected() {
-        return this.datagrid?.props.values?.some((id) => id === this.id);
-    }
-    get isHeader() {
-        return this.#isHeader;
-    }
-    get datagrid() {
-        return this.#datagrid?.state;
-    }
-    select() {
-        this.datagrid?.select([this.id]);
-    }
-    unselect() {
-        this.datagrid?.unselect([this.id]);
-    }
-}

package/dist/components/datagrid/tr/datagrid-tr.svelte

@@ -1,90 +0,0 @@
-<script lang="ts" generics="T, E extends HtmlElementTagName, B extends Base = Base">
-	import { untrack } from 'svelte';
-	import { nanoid } from 'nanoid';
-	import { defineProperty, defineState } from '../../../utils';
-	import { HtmlAtom, type Base } from '../../atom';
-	import type { HtmlElementTagName } from '../../element';
-	import { DataGridTrBond, DataGridTrBondState, type DataGridTrBondProps } from './bond.svelte';
-	import type { DatagridTrProps } from '../types';
-	import { type DatagridContext } from '../context';
-
-	import './datagrid-tr.css';
-
-	let {
-		class: klass = '',
-		value = nanoid(),
-		rows = 'auto',
-		data = undefined,
-		header = false,
-		factory = _factory,
-		children = undefined,
-		onmount = undefined,
-		ondestroy = undefined,
-		animate = undefined,
-		enter = undefined,
-		exit = undefined,
-		initial = undefined,
-		onclick = undefined,
-		...restProps
-	}: DatagridTrProps<T, E, B> = $props();
-
-	const bondProps = defineState<DataGridTrBondProps>([
-		defineProperty('data', () => data),
-		defineProperty('value', () => value),
-		defineProperty('header', () => header)
-	]);
-	const bond = factory(bondProps).share();
-
-	const isHeader = $derived(bond?.state.isHeader ?? false);
-	const isSelected = $derived(bond.state.isSelected);
-
-	const headerProps = $derived({
-		...bond.root(),
-		...restProps
-	});
-
-	const unmount = untrack(() => {
-		if (!isHeader) {
-			return bond.mount();
-		}
-	});
-
-	$effect(() => unmount);
-
-	function _factory(props: typeof bondProps) {
-		const datagridTrState = new DataGridTrBondState(() => props);
-		return new DataGridTrBond(datagridTrState);
-	}
-
-	function onclick_(ev: Event) {
-		onclick?.(ev, { tr: bond as unknown as DatagridContext<T> });
-
-		if (!ev.defaultPrevented) {
-			//
-		}
-	}
-</script>
-
-<HtmlAtom
-	{bond}
-	preset="datagrid.tr"
-	class={[
-		'datagrid-tr border-border items-center border-b bg-transparent',
-		!isHeader && 'hover:bg-foreground/2 active:bg-foreground/4 transition-colors duration-100',
-		isHeader && 'header-tr',
-		isSelected && 'bg-primary/2 hover:bg-primary/4 active:bg-primary/6',
-		'$preset',
-		klass
-	]}
-	style="--rows:{rows}"
-	enter={enter?.bind(bond.state)}
-	exit={exit?.bind(bond.state)}
-	initial={initial?.bind(bond.state)}
-	animate={animate?.bind(bond.state)}
-	onmount={onmount?.bind(bond.state)}
-	ondestroy={ondestroy?.bind(bond.state)}
-	onclick={onclick_}
-	{...headerProps}
->
-	{@render children?.({ tr: bond as unknown as DatagridContext<T> })}
-</HtmlAtom>

package/dist/components/datagrid/tr/datagrid-tr.svelte.d.ts

@@ -1,28 +0,0 @@
-import { type Base } from '../../atom';
-import type { HtmlElementTagName } from '../../element';
-import type { DatagridTrProps } from '../types';
-import './datagrid-tr.css';
-declare function $$render<T, E extends HtmlElementTagName, B extends Base = Base>(): {
-    props: DatagridTrProps<T, E, B>;
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
-};
-declare class __sveltets_Render<T, E extends HtmlElementTagName, B extends Base = Base> {
-    props(): ReturnType<typeof $$render<T, E, B>>['props'];
-    events(): ReturnType<typeof $$render<T, E, B>>['events'];
-    slots(): ReturnType<typeof $$render<T, E, B>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T, E extends HtmlElementTagName, B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, E, B>['props']>, ReturnType<__sveltets_Render<T, E, B>['events']>, ReturnType<__sveltets_Render<T, E, B>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, E, B>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, E, B>['exports']>;
-    <T, E extends HtmlElementTagName, B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<T, E, B>['props']> & {}): ReturnType<__sveltets_Render<T, E, B>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const DatagridTr: $$IsomorphicComponent;
-type DatagridTr<T, E extends HtmlElementTagName, B extends Base = Base> = InstanceType<typeof DatagridTr<T, E, B>>;
-export default DatagridTr;

package/dist/components/datagrid/tr/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Tr } from './datagrid-tr.svelte';
-export * from './bond.svelte';

package/dist/components/datagrid/tr/index.js

@@ -1,2 +0,0 @@
-export { default as Tr } from './datagrid-tr.svelte';
-export * from './bond.svelte';

package/dist/components/date-picker/date-picker.stories.svelte

@@ -1,35 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-
-	const { Story } = defineMeta({
-		title: 'Atoms/Date Picker'
-	});
-</script>
-
-<script lang="ts">
-	import { DatePicker as ADatePicker } from '.';
-	import { Button } from '../button';
-	import { addDays, subDays } from 'date-fns';
-
-	let value: Date | undefined = $state(undefined);
-
-	let min = $state(subDays(new Date(), 5));
-	let max = $state(addDays(new Date(), 15));
-</script>
-
-<Story name="Date Picker">
-	{#snippet children({ args })}
-		<ADatePicker.Root bind:value {min} {max}>
-			<ADatePicker.Trigger base={Button} class="w-sm gap-4">
-				{#if value}
-					<div>{value.toDateString()}</div>
-				{:else}
-					<div>Open Date Picker</div>
-				{/if}
-
-				<ADatePicker.Indicator class="ml-auto" />
-			</ADatePicker.Trigger>
-			<ADatePicker.Calendar />
-		</ADatePicker.Root>
-	{/snippet}
-</Story>

package/dist/components/date-picker/date-picker.stories.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const DatePicker: import("svelte").Component<Record<string, never>, {}, "">;
-type DatePicker = ReturnType<typeof DatePicker>;
-export default DatePicker;

package/dist/components/dialog/dialog.stories.svelte

@@ -1,64 +0,0 @@
-<script module>
-	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { Dialog as ADialog } from '.';
-	import { Dropdown } from '../dropdown';
-	import { dialog } from './attachements.svelte';
-
-	// More on how to set up stories at: https://storybook.js.org/docs/writing-stories
-	const { Story } = defineMeta({
-		title: 'Atoms/Dialog',
-		// This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
-
-		parameters: {
-			// More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
-			layout: 'fullscreen'
-		},
-		args: {}
-	});
-</script>
-
-<script lang="ts">
-	let isDialogOpen = $state(false);
-	let isDropdownOpen = $state(false);
-</script>
-
-<Story name="Dialog" args={{}}>
-	<div class="size-10 bg-red-500"></div>
-	<button onclick={() => (isDialogOpen = !isDialogOpen)}>Open Dialog</button>
-
-	<ADialog.Root class="bg-neutral-900/20" bind:open={isDialogOpen}>
-		<ADialog.Content>
-			<ADialog.Header>
-				<div>Open Popover</div>
-				<ADialog.CloseButton class="ml-auto"></ADialog.CloseButton>
-			</ADialog.Header>
-
-			<ADialog.Body>
-				<p
-					{@attach dialog((node, atom) => {
-						console.log(atom);
-					})}
-				>
-					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.
-				</p>
-
-				<Dropdown.Root open={isDialogOpen && isDropdownOpen} class="w-full">
-					<Dropdown.Trigger>Hello World</Dropdown.Trigger>
-					<Dropdown.List>
-						<Dropdown.Item id="ar">Arabic</Dropdown.Item>
-						<Dropdown.Item id="en">English</Dropdown.Item>
-						<Dropdown.Item id="sp">Spanish</Dropdown.Item>
-						<Dropdown.Item id="it">Italian</Dropdown.Item>
-					</Dropdown.List>
-				</Dropdown.Root>
-			</ADialog.Body>
-
-			<ADialog.Footer class="gap-4">
-				<button onclick={() => (isDialogOpen = false)}>Cancel</button>
-				<button>Save</button>
-			</ADialog.Footer>
-		</ADialog.Content>
-	</ADialog.Root>
-</Story>

package/dist/components/dialog/dialog.stories.svelte.d.ts

@@ -1,3 +0,0 @@
-declare const Dialog: import("svelte").Component<Record<string, never>, {}, "">;
-type Dialog = ReturnType<typeof Dialog>;
-export default Dialog;