svelte-tably 1.0.2-next.1 → 1.1.0

package/dist/column/Column.svelte

@@ -1,39 +1,39 @@
-<!-- @component
-
-	This is a description, \
-	on how to use this.
-
-@example
-<Component />
-
--->
-
-<script module lang='ts'>
-
-	export function getDefaultHeader<T extends AnyRecord,V>(title: string) {
-		return (
-			(anchor: Comment) => snippetLiteral(defaultHeader)(anchor, () => title)
-		) as unknown as () => any
-	}
-
-</script>
-
-<script lang='ts'>
-
-	import { fromProps, snippetLiteral, type AnyRecord } from '../utility.svelte.js'
-	import { ColumnState, type ColumnProps, type HeaderCtx, type ColumnSnippets } from './column-state.svelte.js'
-
-	type T = $$Generic<Record<PropertyKey, any>>
-	type V = $$Generic
-
-	let {...props}: ColumnProps<T, V> = $props()
-	const properties = fromProps(props)
-	
-	new ColumnState<T, V>(properties)
-	
-</script>
-
-
-{#snippet defaultHeader(title: string)}
-	{title}
+<!-- @component
+
+	This is a description, \
+	on how to use this.
+
+@example
+<Component />
+
+-->
+
+<script module lang='ts'>
+
+	export function getDefaultHeader<T, V>(title: string) {
+		return (
+			(anchor: Comment) => snippetLiteral(defaultHeader)(anchor, () => title)
+		) as unknown as () => any
+	}
+
+</script>
+
+<script lang='ts'>
+
+	import { fromProps, snippetLiteral } from '../utility.svelte.js'
+	import { ColumnState, type ColumnProps, type HeaderCtx, type ColumnSnippets } from './column-state.svelte.js'
+
+	type T = $$Generic<Record<PropertyKey, any>>
+	type V = $$Generic
+
+	let {...props}: ColumnProps<T, V> = $props()
+	const properties = fromProps(props)
+	
+	new ColumnState<T, V>(properties)
+	
+</script>
+
+
+{#snippet defaultHeader(title: string)}
+	{title}
 {/snippet}

package/dist/column/Column.svelte.d.ts

@@ -1,5 +1,4 @@
-export declare function getDefaultHeader<T extends AnyRecord, V>(title: string): () => any;
-import { type AnyRecord } from '../utility.svelte.js';
+export declare function getDefaultHeader<T, V>(title: string): () => any;
 import { type HeaderCtx } from './column-state.svelte.js';
 declare class __sveltets_Render<T extends Record<PropertyKey, any>, V> {
     props(): {

package/dist/column/column-state.svelte.d.ts

@@ -1,7 +1,6 @@
 import { type Snippet } from 'svelte';
 import { TableState, type RowCtx } from '../table/table-state.svelte.js';
-import { type AnyRecord } from '../utility.svelte.js';
-export type ColumnProps<T extends AnyRecord, V> = ({
+export type ColumnProps<T, V> = ({
     id: string;
     table?: TableState<T>;
 } & ColumnSnippets<T, V> & ColumnDefaults<T> & ColumnOptions<T, V>) extends infer K ? {
@@ -16,14 +15,14 @@ export interface HeaderCtx<T> {
      */
     readonly header?: boolean;
 }
-export interface RowColumnCtx<T extends AnyRecord, V> extends RowCtx<T> {
+export interface RowColumnCtx<T, V> extends RowCtx<T> {
     readonly value: V;
     readonly columnHovered: boolean;
 }
-export type StatusbarCtx<T extends AnyRecord> = {
+export type StatusbarCtx<T> = {
     readonly data: T[];
 };
-export type ColumnSnippets<T extends AnyRecord, V> = {
+export type ColumnSnippets<T, V> = {
     header?: Snippet<[ctx: HeaderCtx<T>]> | string;
     row?: Snippet<[item: T, ctx: RowColumnCtx<T, V>]>;
     statusbar?: Snippet<[ctx: StatusbarCtx<T>]>;
@@ -50,7 +49,7 @@ type ColumnDefaults<T> = {
      */
     width?: number;
 };
-type ColumnOptions<T extends AnyRecord, V> = {
+type ColumnOptions<T, V> = {
     /**
      * Fixed is like sticky, but in its own category — meant to not be moved/hidden ex. select-boxes
      * @default false
@@ -95,7 +94,7 @@ type ColumnOptions<T extends AnyRecord, V> = {
     */
     pad?: 'row' | 'header' | 'both';
 };
-export declare class ColumnState<T extends AnyRecord = any, V = any> {
+export declare class ColumnState<T = any, V = any> {
     #private;
     id: string;
     /**

package/dist/expandable/Expandable.svelte

@@ -1,24 +1,24 @@
-<!-- @component
-
-	This is a description, \
-	on how to use this.
-
-@example
-<Component />
-
--->
-
-<script lang='ts'>
-
-	import { ExpandableState, type ExpandableProps } from './expandable-state.svelte.js'
-	import type { AnyRecord } from '../utility.svelte.js'
-	import { fromProps } from '../utility.svelte.js'
-
-	type T = $$Generic<AnyRecord>
-
-	let { ...restProps }: ExpandableProps<T> = $props()
-	
-	const properties = fromProps(restProps)
-	new ExpandableState<T>(properties)
-
-</script>
+<!-- @component
+
+	This is a description, \
+	on how to use this.
+
+@example
+<Component />
+
+-->
+
+<script lang='ts'>
+
+	import { ExpandableState, type ExpandableProps } from './expandable-state.svelte.js'
+	import type { AnyRecord } from '../utility.svelte.js'
+	import { fromProps } from '../utility.svelte.js'
+
+	type T = $$Generic<AnyRecord>
+
+	let { ...restProps }: ExpandableProps<T> = $props()
+	
+	const properties = fromProps(restProps)
+	new ExpandableState<T>(properties)
+
+</script>

package/dist/expandable/expandable-state.svelte.d.ts

@@ -1,8 +1,7 @@
 import { type RowCtx } from '../table/table-state.svelte.js';
-import type { AnyRecord } from '../utility.svelte.js';
 import type { Snippet } from 'svelte';
 import type { EasingFunction } from 'svelte/transition';
-export interface ExpandableProps<T extends AnyRecord> {
+export interface ExpandableProps<T> {
     content: Snippet<[item: T, ctx: RowCtx<T>]>;
     /**
      * How many ms to slide open?
@@ -30,7 +29,7 @@ export interface ExpandableProps<T extends AnyRecord> {
     */
     multiple?: boolean;
 }
-export declare class ExpandableState<T extends AnyRecord> {
+export declare class ExpandableState<T> {
     #private;
     snippets: {
         content: Snippet<[item: T, ctx: RowCtx<T>]>;

package/dist/index.d.ts

@@ -1,4 +1,10 @@
-export { default as default } from './table/Table.svelte';
+import Table from './table/Table.svelte';
+import type { TableState, TableProps } from './table/table-state.svelte.js';
+declare namespace Table {
+    type State<T = unknown> = TableState<T>;
+    type Props<T = unknown> = TableProps<T>;
+}
+export default Table;
 export { default as Panel } from './panel/Panel.svelte';
 export { default as Column } from './column/Column.svelte';
 export { default as Row } from './row/Row.svelte';

package/dist/index.js

@@ -1,4 +1,5 @@
-export { default as default } from './table/Table.svelte';
+import Table from './table/Table.svelte';
+export default Table;
 export { default as Panel } from './panel/Panel.svelte';
 export { default as Column } from './column/Column.svelte';
 export { default as Row } from './row/Row.svelte';

package/dist/panel/Panel.svelte

@@ -1,21 +1,21 @@
-<!-- @component
-
-	This is a description, \
-	on how to use this.
-
-@example
-<Component />
-
--->
-
-<script lang='ts' generics='T extends Record<PropertyKey, unknown>'>
-
-	import { PanelState, type PanelProps } from './panel-state.svelte.js'
-	import { fromProps } from '../utility.svelte.js'
-
-	let {...props}: PanelProps<T> = $props()
-	const properties = fromProps(props)
-
-	new PanelState<T>(properties)
-
+<!-- @component
+
+	This is a description, \
+	on how to use this.
+
+@example
+<Component />
+
+-->
+
+<script lang='ts' generics='T extends Record<PropertyKey, unknown>'>
+
+	import { PanelState, type PanelProps } from './panel-state.svelte.js'
+	import { fromProps } from '../utility.svelte.js'
+
+	let {...props}: PanelProps<T> = $props()
+	const properties = fromProps(props)
+
+	new PanelState<T>(properties)
+
 </script>

package/dist/panel/panel-state.svelte.d.ts

@@ -1,7 +1,6 @@
 import { TableState } from '../table/table-state.svelte.js';
-import { type AnyRecord } from '../utility.svelte.js';
 import type { Snippet } from 'svelte';
-export type PanelProps<T extends AnyRecord> = {
+export type PanelProps<T> = {
     id: string;
     /**
      * A darkened backdrop?
@@ -11,11 +10,11 @@ export type PanelProps<T extends AnyRecord> = {
     table?: TableState<T>;
     children: Snippet<[ctx: PanelCtx<T>]>;
 };
-export type PanelCtx<T extends AnyRecord> = {
+export type PanelCtx<T> = {
     readonly table: TableState<T>;
     readonly data: T[];
 };
-export declare class PanelState<T extends AnyRecord> {
+export declare class PanelState<T> {
     #private;
     table: TableState<T>;
     id: string;

package/dist/row/Row.svelte

@@ -1,24 +1,24 @@
-<!-- @component
-
-	This is a description, \
-	on how to use this.
-
-@example
-<Component />
-
--->
-
-<script lang='ts'>
-
-	import { RowState, type RowProps } from './row-state.svelte.js'
-	import type { AnyRecord } from '../utility.svelte.js'
-	import { fromProps } from '../utility.svelte.js'
-
-	type T = $$Generic<AnyRecord>
-
-	let { ...restProps }: RowProps<T> = $props()
-	
-	const properties = fromProps(restProps)
-	new RowState<T>(properties)
-
-</script>
+<!-- @component
+
+	This is a description, \
+	on how to use this.
+
+@example
+<Component />
+
+-->
+
+<script lang='ts'>
+
+	import { RowState, type RowProps } from './row-state.svelte.js'
+	import type { AnyRecord } from '../utility.svelte.js'
+	import { fromProps } from '../utility.svelte.js'
+
+	type T = $$Generic<AnyRecord>
+
+	let { ...restProps }: RowProps<T> = $props()
+	
+	const properties = fromProps(restProps)
+	new RowState<T>(properties)
+
+</script>

package/dist/row/row-state.svelte.d.ts

@@ -1,7 +1,6 @@
 import { type RowCtx } from '../table/table-state.svelte.js';
-import type { AnyRecord } from '../utility.svelte.js';
 import type { Snippet } from 'svelte';
-type ContextOptions<T extends AnyRecord> = {
+type ContextOptions<T> = {
     /**
      * Only show when hovering the row?
      * @default true
@@ -12,7 +11,7 @@ type ContextOptions<T extends AnyRecord> = {
      */
     width?: string;
 };
-export interface RowProps<T extends AnyRecord> {
+export interface RowProps<T> {
     /**
      * A sticky context column on the right of each table
     */
@@ -22,7 +21,7 @@ export interface RowProps<T extends AnyRecord> {
     onclick?: (event: MouseEvent, ctx: RowCtx<T>) => void;
     oncontextmenu?: (event: MouseEvent, ctx: RowCtx<T>) => void;
 }
-export declare class RowState<T extends AnyRecord> {
+export declare class RowState<T> {
     #private;
     snippets: {
         context: Snippet<[item: T, ctx: RowCtx<T>]> | undefined;