@svelte-atoms/core 1.0.0-alpha.26 → 1.0.0-alpha.28

package/dist/components/contextmenu/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -28,8 +28,8 @@ export declare class DataGridBondState<T> extends BondState<DataGridStateProps<T
     get rows(): Map<string, DataGridTrBond<T, import("./tr").DataGridTrBondProps<T>, import("./tr").DataGridTrBondState<T, import("./tr").DataGridTrBondProps<T>>, import("./tr").DataGridTrBondElements>>;
     get columns(): Map<string, DataGridThBond<T>>;
     get selectedRows(): DataGridTrBond<T, import("./tr").DataGridTrBondProps<T>, import("./tr").DataGridTrBondState<T, import("./tr").DataGridTrBondProps<T>>, import("./tr").DataGridTrBondElements>[];
-    get sortableColumns(): IteratorObject<DataGridThBond<T>, undefined, unknown>;
-    get template(): string;
+    get sortableColumns(): any;
+    get template(): any;
     mountColumn(id: string, item: DataGridThBond<T>): () => void;
     unmountColumn(id: string): void;
     mountRow(id: string, item: DataGridTrBond<T>): () => void;

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

@@ -1,17 +1,10 @@
-<script module lang="ts">
-	export type DatagridBodyProps<
-		E extends HtmlElementTagName,
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		children?: Snippet<[{ datagrid?: DataGridBond<E> }]>;
-	};
-</script>
-
-<script lang="ts" generics="E extends HtmlElementTagName, B extends Base = Base">
-	import type { Snippet } from 'svelte';
+<script lang="ts" generics="T, E extends HtmlElementTagName, B extends Base = Base">
+	import type { DatagridBodyProps } from './types';
 	import { DataGridBond } from './bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../atom';
+	import { HtmlAtom, type Base } from '../atom';
+	import type { HtmlElementTagName } from '../element';
 	export type { HtmlElementTagName } from '../element';
+	export type { DatagridBodyProps } from './types';
 
 	const bond = DataGridBond.get();
 
@@ -25,7 +18,7 @@
 		exit = undefined,
 		initial = undefined,
 		...restProps
-	}: DatagridBodyProps<E, B> = $props();
+	}: DatagridBodyProps<T, E, B> = $props();
 </script>
 
 <HtmlAtom

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

@@ -1,36 +1,33 @@
-export type DatagridBodyProps<E extends HtmlElementTagName, B extends Base = Base> = HtmlAtomProps<E, B> & {
-    children?: Snippet<[{
-        datagrid?: DataGridBond<E>;
-    }]>;
-};
-import type { Snippet } from 'svelte';
-import { DataGridBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../atom';
-declare function $$render<E extends HtmlElementTagName, B extends Base = Base>(): {
-    props: DatagridBodyProps<E, B>;
+import type { DatagridBodyProps } from './types';
+import { type Base } from '../atom';
+import type { HtmlElementTagName } from '../element';
+declare function $$render<T, E extends HtmlElementTagName, B extends Base = Base>(): {
+    props: DatagridBodyProps<T, E, B>;
     exports: {
         HtmlElementTagName: typeof HtmlElementTagName;
+        DatagridBodyProps: typeof DatagridBodyProps;
     };
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<E extends HtmlElementTagName, B extends Base = Base> {
-    props(): ReturnType<typeof $$render<E, B>>['props'];
-    events(): ReturnType<typeof $$render<E, B>>['events'];
-    slots(): ReturnType<typeof $$render<E, B>>['slots'];
+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(): {
         HtmlElementTagName: typeof HtmlElementTagName;
+        DatagridBodyProps: typeof DatagridBodyProps;
     };
 }
 interface $$IsomorphicComponent {
-    new <E extends HtmlElementTagName, B extends Base = Base>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<E, B>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<E, B>['props']>, ReturnType<__sveltets_Render<E, B>['events']>, ReturnType<__sveltets_Render<E, B>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<E, B>['bindings']>;
-    } & ReturnType<__sveltets_Render<E, B>['exports']>;
-    <E extends HtmlElementTagName, B extends Base = Base>(internal: unknown, props: ReturnType<__sveltets_Render<E, B>['props']> & {}): ReturnType<__sveltets_Render<E, B>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+    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 DatagridBody: $$IsomorphicComponent;
-type DatagridBody<E extends HtmlElementTagName, B extends Base = Base> = InstanceType<typeof DatagridBody<E, B>>;
+type DatagridBody<T, E extends HtmlElementTagName, B extends Base = Base> = InstanceType<typeof DatagridBody<T, E, B>>;
 export default DatagridBody;

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

@@ -1,16 +1,9 @@
-<script module lang="ts">
-	import type { Snippet } from 'svelte';
-
-	export type DatagridCheckboxProps = HtmlAtomProps & {
-		children?: Snippet;
-	};
-</script>
-
 <script lang="ts">
+	import { Checkbox } from '../checkbox';
+	import type { DatagridCheckboxProps } from './types';
 	import { DataGridBond } from './bond.svelte';
 	import { DataGridTrBond } from './tr/bond.svelte';
-	import { Checkbox } from '../checkbox';
-	import type { HtmlAtomProps } from '../atom';
+	export type { DatagridCheckboxProps } from './types';
 
 	const datagridBond = DataGridBond.get();
 	const datagridTrBond = DataGridTrBond.get();

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

@@ -1,8 +1,6 @@
-import type { Snippet } from 'svelte';
-export type DatagridCheckboxProps = HtmlAtomProps & {
-    children?: Snippet;
-};
-import type { HtmlAtomProps } from '../atom';
-declare const DatagridCheckbox: import("svelte").Component<DatagridCheckboxProps, {}, "checked">;
+import type { DatagridCheckboxProps } from './types';
+declare const DatagridCheckbox: import("svelte").Component<DatagridCheckboxProps, {
+    DatagridCheckboxProps: typeof DatagridCheckboxProps;
+}, "checked">;
 type DatagridCheckbox = ReturnType<typeof DatagridCheckbox>;
 export default DatagridCheckbox;

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

@@ -1,7 +1,7 @@
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap, B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
 	import { DataGridBond } from './bond.svelte';
 	import type { DatagridFooterProps } from './types';
-	import { HtmlAtom, type Base } from '../atom';
 
 	const bond = DataGridBond.get();
 

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

@@ -1,5 +1,5 @@
-import type { DatagridFooterProps } from './types';
 import { type Base } from '../atom';
+import type { DatagridFooterProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap, B extends Base = Base>(): {
     props: DatagridFooterProps<T>;
     exports: {};

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

@@ -1,8 +1,8 @@
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap, B extends Base = Base">
+	import { HtmlAtom, type Base } from '../atom';
 	import { setDatagridHeaderContext } from './context';
-	import type { DatagridHeaderProps } from './types';
 	import { DataGridBond } from './bond.svelte';
-	import { HtmlAtom, type Base } from '../atom';
+	import type { DatagridHeaderProps } from './types';
 
 	const bond = DataGridBond.get();
 

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

@@ -1,5 +1,5 @@
-import type { DatagridHeaderProps } from './types';
 import { type Base } from '../atom';
+import type { DatagridHeaderProps } from './types';
 declare function $$render<T extends keyof HTMLElementTagNameMap, B extends Base = Base>(): {
     props: DatagridHeaderProps<T>;
     exports: {};

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

@@ -1,8 +1,8 @@
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap, B extends Base = Base">
-	import { DataGridBond, DataGridBondState, type DataGridStateProps } from './bond.svelte';
-	import type { DatagridRootProps } from './types';
 	import { defineProperty, defineState } from '../../utils';
 	import { HtmlAtom, type Base } from '../atom';
+	import { DataGridBond, DataGridBondState, type DataGridStateProps } from './bond.svelte';
+	import type { DatagridRootProps } from './types';
 
 	import './datagrid.css';
 

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

@@ -1,5 +1,5 @@
-import type { DatagridRootProps } from './types';
 import { type Base } from '../atom';
+import type { DatagridRootProps } from './types';
 import './datagrid.css';
 declare function $$render<T extends keyof HTMLElementTagNameMap, B extends Base = Base>(): {
     props: DatagridRootProps<T>;

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

@@ -1,23 +1,9 @@
-<script module lang="ts">
-	export type DatagridTdProps<
-		D,
-		E extends HtmlElementTagName,
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		value?: string;
-		rows?: string;
-		data?: D;
-		children?: Snippet<[{ td?: DataGridTdBond<D> }]>;
-		onclick?: (ev: Event, options: { td?: DataGridTdBond<D> }) => void;
-	};
-</script>
-
 <script lang="ts" generics="D,E extends HtmlElementTagName, B extends Base = Base">
-	import type { Snippet } from 'svelte';
-	import type { DataGridTdBond } from './bond.svelte';
 	import { DataGridBond } from '../bond.svelte';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
+	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();
 

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

@@ -1,21 +1,10 @@
-export type DatagridTdProps<D, E extends HtmlElementTagName, B extends Base = Base> = HtmlAtomProps<E, B> & {
-    value?: string;
-    rows?: string;
-    data?: D;
-    children?: Snippet<[{
-        td?: DataGridTdBond<D>;
-    }]>;
-    onclick?: (ev: Event, options: {
-        td?: DataGridTdBond<D>;
-    }) => void;
-};
-import type { Snippet } from 'svelte';
-import type { DataGridTdBond } from './bond.svelte';
-import { type HtmlAtomProps, type Base } from '../../atom';
+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: {};
+    exports: {
+        DatagridTdProps: typeof DatagridTdProps;
+    };
     bindings: "";
     slots: {};
     events: {};
@@ -25,7 +14,9 @@ declare class __sveltets_Render<D, E extends HtmlElementTagName, B extends Base
     events(): ReturnType<typeof $$render<D, E, B>>['events'];
     slots(): ReturnType<typeof $$render<D, E, B>>['slots'];
     bindings(): "";
-    exports(): {};
+    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']>> & {

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

@@ -1,31 +1,10 @@
-<script module lang="ts">
-	export type DatagridThProps = HtmlAtomProps<'div'> & {
-		id?: string;
-		class?: string;
-		width?: string;
-		direction?: Direction;
-		screen?: string;
-		sortable?: boolean | SortableType;
-		hidden?: boolean;
-		factory?: () => DataGridThBond<unknown>;
-		children?: Snippet<
-			[
-				{
-					th: DatagridContext;
-				}
-			]
-		>;
-	};
-</script>
-
 <script lang="ts" generics="T extends keyof HTMLElementTagNameMap, B extends Base = Base">
-	import type { Snippet } from 'svelte';
 	import { nanoid } from 'nanoid';
+	import { defineProperty, defineState } from '../../../utils';
+	import { HtmlAtom, type Base } from '../../atom';
 	import { DataGridThBond, DataGridThBondState, type DataGridThBondProps } from './bond.svelte';
-	import type { Direction, SortableType } from '../../../types';
 	import type { DatagridContext } from '../context';
-	import { defineProperty, defineState } from '../../../utils';
-	import { HtmlAtom, type Base, type HtmlAtomProps } from '../../atom';
+	import type { DatagridThProps } from '../types';
 
 	let {
 		class: klass = '',

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

@@ -1,23 +1,5 @@
-export type DatagridThProps = HtmlAtomProps<'div'> & {
-    id?: string;
-    class?: string;
-    width?: string;
-    direction?: Direction;
-    screen?: string;
-    sortable?: boolean | SortableType;
-    hidden?: boolean;
-    factory?: () => DataGridThBond<unknown>;
-    children?: Snippet<[
-        {
-            th: DatagridContext;
-        }
-    ]>;
-};
-import type { Snippet } from 'svelte';
-import { DataGridThBond } from './bond.svelte';
-import type { Direction, SortableType } from '../../../types';
-import type { DatagridContext } from '../context';
-import { type Base, type HtmlAtomProps } from '../../atom';
+import { type Base } from '../../atom';
+import type { DatagridThProps } from '../types';
 declare function $$render<T extends keyof HTMLElementTagNameMap, B extends Base = Base>(): {
     props: DatagridThProps;
     exports: {};

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

@@ -1,5 +1,5 @@
-import { DataGridBond } from '../bond.svelte';
 import { Bond, BondState, type BondStateProps } from '../../../shared/bond.svelte';
+import { DataGridBond } from '../bond.svelte';
 export type DataGridTrBondProps<T = unknown> = BondStateProps & {
     value?: string;
     header?: boolean;
@@ -17,6 +17,8 @@ export declare class DataGridTrBond<T, Props extends DataGridTrBondProps<T> = Da
     unmount(): void;
     root(props?: Record<string, unknown>): {
         'data-kind': string;
+        'data-header': string | undefined;
+        'data-selected': string | undefined;
     };
     static get(): DataGridTrBond | undefined;
     static set(bond: DataGridTrBond): DataGridTrBond;

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

@@ -1,7 +1,7 @@
-import { createAttachmentKey } from 'svelte/attachments';
 import { getContext, setContext } from 'svelte';
-import { DataGridBond } from '../bond.svelte';
+import { createAttachmentKey } from 'svelte/attachments';
 import { Bond, BondState } from '../../../shared/bond.svelte';
+import { DataGridBond } from '../bond.svelte';
 const DATAGRID_TR_ELEMENTS_KIND = {
     root: 'datagrid-tr'
 };
@@ -29,6 +29,8 @@ export class DataGridTrBond extends Bond {
     root(props = {}) {
         return {
             'data-kind': DATAGRID_TR_ELEMENTS_KIND.root,
+            'data-header': this.state.isHeader ? 'true' : undefined,
+            'data-selected': this.state.isSelected ? 'true' : undefined,
             ...props,
             [createAttachmentKey()]: (node) => {
                 this.elements.root = node;

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

@@ -1,28 +1,13 @@
-<script module lang="ts">
-	export type DatagridTrProps<
-		D,
-		E extends HtmlElementTagName,
-		B extends Base = Base
-	> = HtmlAtomProps<E, B> & {
-		class?: string;
-		value?: string;
-		rows?: string;
-		data?: D;
-		factory?: Factory<DataGridTrBond<D>>;
-		children?: Snippet<[{ tr: DatagridContext<D> }]>;
-		onclick?: (ev: Event, options: { tr?: DatagridContext<D> }) => void;
-	};
-</script>
-
 <script lang="ts" generics="T, E extends HtmlElementTagName, B extends Base = Base">
-	import { untrack, type Snippet } from 'svelte';
+	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 { getDatagridHeaderContext, type DatagridContext } from '../context';
-	import { HtmlAtom, type HtmlAtomProps, type Base } from '../../atom';
-	import type { HtmlElementTagName } from '../../element';
-	import type { Factory } from '../../../types';
+
 	import './datagrid-tr.css';
 
 	const context_header = getDatagridHeaderContext();
@@ -83,9 +68,9 @@
 	class={[
 		'datagrid-tr border-border items-center border-b bg-transparent',
 		!isHeader &&
-			'hover:bg-foreground/5 active:bg-foreground/10 transition-colors duration-100 last:border-b-0',
+			'hover:bg-foreground/2 active:bg-foreground/4 transition-colors duration-100 last:border-b-0',
 		isHeader && 'header-tr',
-		isSelected && 'bg-foreground/3',
+		isSelected && 'bg-primary/2 hover:bg-primary/4 active:bg-primary/6',
 		'$preset',
 		klass
 	]}

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

@@ -1,22 +1,6 @@
-export type DatagridTrProps<D, E extends HtmlElementTagName, B extends Base = Base> = HtmlAtomProps<E, B> & {
-    class?: string;
-    value?: string;
-    rows?: string;
-    data?: D;
-    factory?: Factory<DataGridTrBond<D>>;
-    children?: Snippet<[{
-        tr: DatagridContext<D>;
-    }]>;
-    onclick?: (ev: Event, options: {
-        tr?: DatagridContext<D>;
-    }) => void;
-};
-import { type Snippet } from 'svelte';
-import { DataGridTrBond } from './bond.svelte';
-import { type DatagridContext } from '../context';
-import { type HtmlAtomProps, type Base } from '../../atom';
+import { type Base } from '../../atom';
 import type { HtmlElementTagName } from '../../element';
-import type { Factory } from '../../../types';
+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>;

package/dist/components/datagrid/types.d.ts

@@ -1,24 +1,70 @@
 import type { Snippet } from 'svelte';
 import type { DataGridBond } from './bond.svelte';
 import type { CheckboxProps } from '../checkbox/types';
-export type DatagridContext<T = unknown> = DataGridBond<T> | {
+import type { Factory } from '../../types';
+import type { DataGridTrBond } from './tr/bond.svelte';
+import type { DataGridThBond } from './th/bond.svelte';
+import type { HtmlAtomProps, Base } from '../atom';
+import type { HtmlElementTagName } from '../element';
+import type { Override } from '../../types';
+/**
+ * Extend this interface to add custom datagrid root properties in your application.
+ */
+export interface DatagridRootExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid header properties in your application.
+ */
+export interface DatagridHeaderExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid body properties in your application.
+ */
+export interface DatagridBodyExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid footer properties in your application.
+ */
+export interface DatagridFooterExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid th properties in your application.
+ */
+export interface DatagridThExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid td properties in your application.
+ */
+export interface DatagridTdExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid checkbox properties in your application.
+ */
+export interface DatagridCheckboxExtendProps {
+}
+/**
+ * Extend this interface to add custom datagrid tr properties in your application.
+ */
+export interface DatagridTrExtendProps {
+}
+export interface DatagridContext<T = unknown> extends DataGridBond<T> {
     [key: string]: unknown;
-};
+}
 export type Direction = 'asc' | 'desc';
-export type Row<T = unknown> = {
+export interface Row<T = unknown> {
     value: string;
     data: T;
-};
-export type SelectedRows<T = unknown> = {
+}
+export interface SelectedRows<T = unknown> {
     [id: string]: T;
-};
+}
 export type SortableType = string | (<T>(d: T) => string | number | boolean | Date);
-export type SortBy = {
+export interface SortBy {
     id: string;
     direction: Direction;
     by?: SortableType;
-};
-export type Column = {
+}
+export interface Column {
     id: string;
     name: () => string;
     index: () => number;
@@ -27,8 +73,8 @@ export type Column = {
     screen?: string;
     width?: string;
     hidden: () => boolean;
-};
-export type DatagridRootProps<T> = {
+}
+export interface DatagridRootProps<T> extends DatagridRootExtendProps {
     class?: string;
     template?: string;
     values?: string[];
@@ -37,42 +83,43 @@ export type DatagridRootProps<T> = {
     children?: Snippet<[{
         context: DatagridContext<T>;
     }]>;
-};
-export type DatagridHeaderProps<T> = {
+}
+export interface DatagridHeaderProps<T> extends DatagridHeaderExtendProps {
     class?: string;
     readonly element?: HTMLElement;
     children?: Snippet<[{
         context: DatagridContext<T>;
     }]>;
-};
-export type DatagridBodyProps<T> = {
+}
+export interface DatagridBodyProps<T, E extends HtmlElementTagName = 'div', B extends Base = Base> extends DatagridBodyExtendProps {
     class?: string;
     readonly element?: HTMLElement;
     children?: Snippet<[{
         context: DatagridContext<T>;
     }]>;
-};
-export type DatagridFooterProps<T> = {
+}
+export interface DatagridFooterProps<T> extends DatagridFooterExtendProps {
     class?: string;
     readonly element?: HTMLElement;
     children?: Snippet<[{
         context: DatagridContext<T>;
     }]>;
-};
-export type DatagridThProps<T> = {
+}
+export interface DatagridThProps<T = unknown, E extends HtmlElementTagName = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        th: DatagridContext<T>;
+    }]>;
+}>, DatagridThExtendProps {
+    id?: string;
     class?: string;
     width?: string;
     direction?: Direction;
     screen?: string;
     sortable?: boolean | SortableType;
-    readonly element?: HTMLElement;
-    children?: Snippet<[
-        {
-            context: DatagridContext<T>;
-        }
-    ]>;
-};
-export type DatagridTdProps<T> = {
+    hidden?: boolean;
+    factory?: () => DataGridThBond<T>;
+}
+export interface DatagridTdProps<T> extends DatagridTdExtendProps {
     class?: string;
     readonly element?: HTMLElement;
     children?: Snippet<[{
@@ -81,23 +128,24 @@ export type DatagridTdProps<T> = {
     onclick?: (ev: Event, options: {
         context?: DatagridContext<T>;
     }) => void;
-};
-export type DatagridCheckboxProps = CheckboxProps & {
+}
+export interface DatagridCheckboxProps extends Omit<CheckboxProps, 'children'>, DatagridCheckboxExtendProps {
     readonly element?: HTMLElement;
     children?: Snippet<[{
         context: DatagridContext;
     }]>;
-};
-export type DatagridTrProps<T> = {
+}
+export interface DatagridTrProps<T, E extends HtmlElementTagName = 'div', B extends Base = Base> extends Override<HtmlAtomProps<E, B>, {
+    children?: Snippet<[{
+        tr: DatagridContext<T>;
+    }]>;
+}>, DatagridTrExtendProps {
     class?: string;
     value?: string;
     rows?: string;
     data?: T;
-    readonly element?: HTMLElement;
-    children?: Snippet<[{
-        context: DatagridContext<T>;
-    }]>;
+    factory?: Factory<DataGridTrBond<T>>;
     onclick?: (ev: Event, options: {
-        context?: DatagridContext<T>;
+        tr?: DatagridContext<T>;
     }) => void;
-};
+}

package/dist/components/date-picker/atoms.d.ts

@@ -0,0 +1,7 @@
+export { Arrow, Indicator, Trigger } from '../popover/atoms';
+export { Body, Day, Header as WeekDays, WeekDay } from '../calendar/atoms';
+export { default as Root } from './date-picker-root.svelte';
+export { default as Calendar } from './date-picker-calendar.svelte';
+export { default as Header } from './date-picker-header.svelte';
+export { default as Years } from './date-picker-years.svelte';
+export { default as Months } from './date-picker-months.svelte';

package/dist/components/date-picker/atoms.js

@@ -0,0 +1,7 @@
+export { Arrow, Indicator, Trigger } from '../popover/atoms';
+export { Body, Day, Header as WeekDays, WeekDay } from '../calendar/atoms';
+export { default as Root } from './date-picker-root.svelte';
+export { default as Calendar } from './date-picker-calendar.svelte';
+export { default as Header } from './date-picker-header.svelte';
+export { default as Years } from './date-picker-years.svelte';
+export { default as Months } from './date-picker-months.svelte';