rotion 0.4.1 → 1.0.0

package/dist/ui/cjs/types/ui/components/Gallery/Gallery.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import type { GalleryProps } from './Gallery.types';
 import '../tokens.css';
 import './Gallery.css';
-declare const Gallery: ({ keys, db, href, link, query, preview, size, fit }: GalleryProps) => React.JSX.Element;
+declare const Gallery: ({ keys, db, options }: GalleryProps) => React.JSX.Element;
 export default Gallery;

package/dist/ui/cjs/types/ui/components/Gallery/Gallery.types.d.ts

@@ -2,13 +2,23 @@
 import type { FetchDatabaseRes } from '../../../exporter';
 import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../types';
+import { GalleryPreviewOptions } from './GalleryPreview/GalleryPreview.types';
 export interface GalleryProps {
     keys: string[];
     db: FetchDatabaseRes;
-    href?: string;
+    options?: GalleryOptions;
+}
+export interface GalleryOptions {
+    href?: {
+        [key: string]: string;
+    };
     link?: Link;
     query?: ParsedUrlQueryInput;
-    preview?: 'cover' | 'content';
-    size?: 'small' | 'medium' | 'large';
-    fit?: boolean;
+    image?: GalleryPreviewOptions;
+    prefix?: {
+        [key: string]: string;
+    };
+    suffix?: {
+        [key: string]: string;
+    };
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { GalleryCardProps } from './GalleryCard.types';
 import './GalleryCard.css';
-declare const GalleryCard: ({ keys, page, href, link, query, preview, size, fit }: GalleryCardProps) => React.JSX.Element;
+declare const GalleryCard: ({ keys, page, options }: GalleryCardProps) => React.JSX.Element;
 export default GalleryCard;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryCard.types.d.ts

@@ -1,14 +1,7 @@
-/// <reference types="node" />
 import type { PageObjectResponseEx } from '../../../../exporter';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types';
+import { GalleryOptions } from '../Gallery.types';
 export interface GalleryCardProps {
     keys: string[];
     page: PageObjectResponseEx;
-    href: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
-    preview?: 'cover' | 'content';
-    size: 'small' | 'medium' | 'large';
-    fit: boolean;
+    options?: GalleryOptions;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryHandler.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryHandlerProps } from './GalleryHandler.types';
-declare const GalleryHandler: ({ property, path, link, query }: GalleryHandlerProps) => React.JSX.Element;
+declare const GalleryHandler: ({ property, options }: GalleryHandlerProps) => React.JSX.Element;
 export default GalleryHandler;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryHandler.types.d.ts

@@ -4,8 +4,12 @@ import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../../types';
 export interface GalleryHandlerProps {
     property?: DatabaseProperty;
-    path: string;
-    size: 'small' | 'medium' | 'large';
+    options: GalleryPropertyOptions;
+}
+export interface GalleryPropertyOptions {
+    pathname?: string;
     link?: Link;
     query?: ParsedUrlQueryInput;
+    prefix?: string;
+    suffix?: string;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryLinkedCard.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryLinkedCardProps } from './GalleryLinkedCard.types';
-declare const GalleryLinkedCard: ({ children, link, query, href }: GalleryLinkedCardProps) => React.JSX.Element;
+declare const GalleryLinkedCard: ({ children, link, query, pathname }: GalleryLinkedCardProps) => React.JSX.Element;
 export default GalleryLinkedCard;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryLinkedCard.types.d.ts

@@ -5,6 +5,6 @@ import type { Link } from '../../types';
 export interface GalleryLinkedCardProps {
     link?: Link;
     query?: ParsedUrlQueryInput;
-    href: string;
+    pathname?: string;
     children?: ReactNode;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCheckboxField/GalleryCheckboxField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { GalleryCheckboxFieldProps } from './GalleryCheckboxField.types';
 import './GalleryCheckboxField.css';
-declare const GalleryCheckboxField: ({ checked }: GalleryCheckboxFieldProps) => React.JSX.Element;
+declare const GalleryCheckboxField: ({ checked, options }: GalleryCheckboxFieldProps) => React.JSX.Element;
 export default GalleryCheckboxField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCheckboxField/GalleryCheckboxField.types.d.ts

@@ -1,3 +1,5 @@
+import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
 export interface GalleryCheckboxFieldProps {
     checked: boolean;
+    options?: GalleryPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryFormulaField/GalleryFormulaField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { GalleryFormulaFieldProps } from './GalleryFormulaField.types';
+import './GalleryFormulaField.css';
+declare const GalleryFormulaField: ({ number, options }: GalleryFormulaFieldProps) => React.JSX.Element;
+export default GalleryFormulaField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryFormulaField/GalleryFormulaField.types.d.ts

@@ -0,0 +1,5 @@
+import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
+export interface GalleryFormulaFieldProps {
+    number: number | null;
+    options?: GalleryPropertyOptions;
+}

package/dist/ui/cjs/types/ui/components/Gallery/GalleryFormulaField/index.d.ts

@@ -0,0 +1,2 @@
+import GalleryFormulaField from './GalleryFormulaField';
+export { GalleryFormulaField };

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/GalleryMultiSelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { GalleryMultiSelectFieldProps } from './GalleryMultiSelectField.types';
 import './GalleryMultiSelectField.css';
-declare const GalleryMultiSelectField: ({ multiSelect, path, link, query }: GalleryMultiSelectFieldProps) => React.JSX.Element;
+declare const GalleryMultiSelectField: ({ multiSelect, options }: GalleryMultiSelectFieldProps) => React.JSX.Element;
 export default GalleryMultiSelectField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/GalleryMultiSelectField.types.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { SelectPropertyResponse } from '../../../../exporter';
-import type { Link } from '../../types';
+import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
 export interface GalleryMultiSelectFieldProps {
     multiSelect: SelectPropertyResponse[];
-    path: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: GalleryPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/LinkedTag.types.d.ts

@@ -3,7 +3,7 @@ import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { ReactNode } from 'react';
 import type { Link } from '../../types';
 export interface LinkedTagIfLinkedProps {
-    pathname: string;
+    pathname?: string;
     link?: Link;
     query?: ParsedUrlQueryInput;
     children?: ReactNode;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryNumberField/GalleryNumberField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { GalleryNumberFieldProps } from './GalleryNumberField.types';
 import './GalleryNumberField.css';
-declare const GalleryNumberField: ({ number }: GalleryNumberFieldProps) => React.JSX.Element;
+declare const GalleryNumberField: ({ number, options }: GalleryNumberFieldProps) => React.JSX.Element;
 export default GalleryNumberField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryNumberField/GalleryNumberField.types.d.ts

@@ -1,3 +1,5 @@
+import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
 export interface GalleryNumberFieldProps {
     number: number | null;
+    options?: GalleryPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryPreview/GalleryPreview.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { GalleryPreviewProps } from './GalleryPreview.types';
+import './GalleryPreview.css';
+declare const GalleryPreview: ({ src, options }: GalleryPreviewProps) => React.JSX.Element;
+export default GalleryPreview;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryPreview/GalleryPreview.types.d.ts

@@ -0,0 +1,14 @@
+export interface GalleryPreviewProps {
+    src: string;
+    options?: GalleryPreviewOptions;
+}
+export interface GalleryPreviewOptions {
+    preview?: 'cover' | 'content';
+    size?: 'small' | 'medium' | 'large';
+    fit?: boolean;
+    height?: {
+        small: string;
+        medium: string;
+        large: string;
+    } | string;
+}

package/dist/ui/cjs/types/ui/components/Gallery/GalleryPreview/index.d.ts

@@ -0,0 +1,2 @@
+import GalleryPreview from './GalleryPreview';
+export { GalleryPreview };

package/dist/ui/cjs/types/ui/components/Gallery/GallerySelectField/GallerySelectField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { GallerySelectFieldProps } from './GallerySelectField.types';
+import './GallerySelectField.css';
+declare const GalleryMultiSelectField: ({ select, options }: GallerySelectFieldProps) => React.JSX.Element;
+export default GalleryMultiSelectField;

package/dist/ui/cjs/types/ui/components/Gallery/GallerySelectField/GallerySelectField.types.d.ts

@@ -0,0 +1,6 @@
+import type { SelectPropertyResponse } from '../../../../exporter';
+import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
+export interface GallerySelectFieldProps {
+    select: SelectPropertyResponse;
+    options?: GalleryPropertyOptions;
+}

package/dist/ui/cjs/types/ui/components/Gallery/GallerySelectField/LinkedTag.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { LinkedTagIfLinkedProps } from './LinkedTag.types';
+import './LinkedTag.css';
+declare const LinkedTagIfLinked: ({ pathname, link, query, children }: LinkedTagIfLinkedProps) => React.JSX.Element;
+export default LinkedTagIfLinked;

package/dist/ui/cjs/types/ui/components/Gallery/GallerySelectField/LinkedTag.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ReactNode } from 'react';
+import type { Link } from '../../types';
+export interface LinkedTagIfLinkedProps {
+    pathname?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/Gallery/GallerySelectField/index.d.ts

@@ -0,0 +1,2 @@
+import GallerySelectField from './GallerySelectField';
+export { GallerySelectField };

package/dist/ui/cjs/types/ui/components/List/Column.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ColumnProps } from './Column.types';
-declare const Column: ({ name, page, href, link, query }: ColumnProps) => React.JSX.Element;
+declare const Column: ({ name, page, options }: ColumnProps) => React.JSX.Element;
 export default Column;

package/dist/ui/cjs/types/ui/components/List/Column.types.d.ts

@@ -1,11 +1,7 @@
-/// <reference types="node" />
 import type { PageObjectResponseEx } from '../../../exporter';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../types';
+import type { ListOptions } from './List.types';
 export interface ColumnProps {
     name: string;
     page: PageObjectResponseEx;
-    href: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: ListOptions;
 }

package/dist/ui/cjs/types/ui/components/List/List.d.ts

@@ -5,5 +5,5 @@ import './List.css';
 export interface ListHeaderProps {
     keys: string[];
 }
-declare const List: ({ keys, db, href, link, query }: ListProps) => React.JSX.Element;
+declare const List: ({ keys, db, options }: ListProps) => React.JSX.Element;
 export default List;

package/dist/ui/cjs/types/ui/components/List/List.types.d.ts

@@ -6,8 +6,19 @@ import type { Link } from '../types';
 export interface ListProps {
     keys: string[];
     db: QueryDatabaseResponseEx;
-    href: string;
+    children?: ReactNode;
+    options?: ListOptions;
+}
+export interface ListOptions {
+    href?: {
+        [key: string]: string;
+    };
     link?: Link;
     query?: ParsedUrlQueryInput;
-    children?: ReactNode;
+    suffix?: {
+        [key: string]: string;
+    };
+    prefix?: {
+        [key: string]: string;
+    };
 }

package/dist/ui/cjs/types/ui/components/List/ListCheckboxField/ListCheckboxField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ListCheckboxFieldProps } from './ListCheckboxField.types';
 import './ListCheckboxField.css';
-declare const ListCheckboxField: ({ checked }: ListCheckboxFieldProps) => React.JSX.Element;
+declare const ListCheckboxField: ({ checked, options }: ListCheckboxFieldProps) => React.JSX.Element;
 export default ListCheckboxField;

package/dist/ui/cjs/types/ui/components/List/ListCheckboxField/ListCheckboxField.types.d.ts

@@ -1,3 +1,5 @@
+import type { ListPropertyOptions } from '../ListHandler.types';
 export interface ListCheckboxFieldProps {
     checked: boolean;
+    options?: ListPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/List/ListFormulaField/ListFormulaField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ListFormulaFieldProps } from './ListFormulaField.types';
+import './ListFormulaField.css';
+declare const ListFormulaField: ({ number, options }: ListFormulaFieldProps) => React.JSX.Element;
+export default ListFormulaField;

package/dist/ui/cjs/types/ui/components/List/ListFormulaField/ListFormulaField.types.d.ts

@@ -0,0 +1,5 @@
+import { ListPropertyOptions } from '../ListHandler.types';
+export interface ListFormulaFieldProps {
+    number: number | null;
+    options?: ListPropertyOptions;
+}

package/dist/ui/cjs/types/ui/components/List/ListFormulaField/index.d.ts

@@ -0,0 +1,2 @@
+import ListFormulaField from './ListFormulaField';
+export { ListFormulaField };

package/dist/ui/cjs/types/ui/components/List/ListHandler.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ListHandlerProps } from './ListHandler.types';
-declare const ListHandler: ({ property, path, slug, link, query }: ListHandlerProps) => React.JSX.Element;
+declare const ListHandler: ({ property, options }: ListHandlerProps) => React.JSX.Element;
 export default ListHandler;

package/dist/ui/cjs/types/ui/components/List/ListHandler.types.d.ts

@@ -1,11 +1,15 @@
 /// <reference types="node" />
-import type { DatabaseProperty } from '../../../exporter';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { DatabaseProperty } from '../../../exporter';
 import type { Link } from '../types';
 export interface ListHandlerProps {
     property: DatabaseProperty;
-    path: string;
-    slug: string;
+    options?: ListPropertyOptions;
+}
+export interface ListPropertyOptions {
+    pathname?: string;
     link?: Link;
     query?: ParsedUrlQueryInput;
+    suffix?: string;
+    prefix?: string;
 }

package/dist/ui/cjs/types/ui/components/List/ListMultiSelectField/LinkedTagIfLinked.types.d.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../../types';
 export interface LinkedTagIfLinkedProps {
-    pathname: string;
+    pathname?: string;
     color: string;
     link?: Link;
     query?: ParsedUrlQueryInput;

package/dist/ui/cjs/types/ui/components/List/ListMultiSelectField/ListMultiSelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ListMultiSelectFieldProps } from './ListMultiSelectField.types';
 import './ListMultiSelectField.css';
-declare const ListMultiSelectField: ({ multiSelect, path, link, query }: ListMultiSelectFieldProps) => React.JSX.Element;
+declare const ListMultiSelectField: ({ multiSelect, options }: ListMultiSelectFieldProps) => React.JSX.Element;
 export default ListMultiSelectField;

package/dist/ui/cjs/types/ui/components/List/ListMultiSelectField/ListMultiSelectField.types.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { SelectPropertyResponse } from '../../../../exporter';
-import type { Link } from '../../types';
+import { ListPropertyOptions } from '../ListHandler.types';
 export interface ListMultiSelectFieldProps {
     multiSelect: SelectPropertyResponse[];
-    path: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: ListPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/List/ListNumberField/ListNumberField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ListNumberFieldProps } from './ListNumberField.types';
 import './ListNumberField.css';
-declare const ListNumberField: ({ number }: ListNumberFieldProps) => React.JSX.Element;
+declare const ListNumberField: ({ number, options }: ListNumberFieldProps) => React.JSX.Element;
 export default ListNumberField;

package/dist/ui/cjs/types/ui/components/List/ListNumberField/ListNumberField.types.d.ts

@@ -1,3 +1,5 @@
+import { ListPropertyOptions } from '../ListHandler.types';
 export interface ListNumberFieldProps {
     number: number | null;
+    options?: ListPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/List/ListSelectField/LinkedTagIfLinked.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { LinkedTagIfLinkedProps } from './LinkedTagIfLinked.types';
+import './LinkedTagIfLinked.css';
+declare const LinkedTagIfLinked: ({ color, pathname, link, query, children }: LinkedTagIfLinkedProps) => React.JSX.Element;
+export default LinkedTagIfLinked;

package/dist/ui/cjs/types/ui/components/List/ListSelectField/LinkedTagIfLinked.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import type { ReactNode } from 'react';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+export interface LinkedTagIfLinkedProps {
+    pathname?: string;
+    color: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/List/ListSelectField/ListSelectField.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ListSelectFieldProps } from './ListSelectField.types';
+import './ListSelectField.css';
+declare const ListSelectField: ({ select, options }: ListSelectFieldProps) => React.JSX.Element;
+export default ListSelectField;

package/dist/ui/cjs/types/ui/components/List/ListSelectField/ListSelectField.types.d.ts

@@ -0,0 +1,6 @@
+import type { SelectPropertyResponse } from '../../../../exporter';
+import { ListPropertyOptions } from '../ListHandler.types';
+export interface ListSelectFieldProps {
+    select: SelectPropertyResponse;
+    options?: ListPropertyOptions;
+}

package/dist/ui/cjs/types/ui/components/List/ListSelectField/index.d.ts

@@ -0,0 +1,2 @@
+import ListSelectField from './ListSelectField';
+export { ListSelectField };

package/dist/ui/cjs/types/ui/components/List/ListTitleField/LinkedTitle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { LinkedTitleProps } from './LinkedTitle.types';
 import './LinkedTitle.css';
-declare const LinkedTitle: ({ textObjects, href, link, query }: LinkedTitleProps) => React.JSX.Element;
+declare const LinkedTitle: ({ textObjects, options }: LinkedTitleProps) => React.JSX.Element;
 export default LinkedTitle;

package/dist/ui/cjs/types/ui/components/List/ListTitleField/LinkedTitle.types.d.ts

@@ -1,10 +1,6 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types';
 import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter';
+import { ListPropertyOptions } from '../ListHandler.types';
 export interface LinkedTitleProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
-    href: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: ListPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/List/ListTitleField/ListTitleField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { ListTitleFieldProps } from './ListTitleField.types';
 import './ListTitleField.css';
-declare const ListTitleField: ({ textObjects, path, slug, link, query }: ListTitleFieldProps) => React.JSX.Element;
+declare const ListTitleField: ({ textObjects, options }: ListTitleFieldProps) => React.JSX.Element;
 export default ListTitleField;

package/dist/ui/cjs/types/ui/components/List/ListTitleField/ListTitleField.types.d.ts

@@ -1,11 +1,6 @@
-/// <reference types="node" />
 import type { RichTextItemResponseEx, RichTextItemResponse } from '../../../../exporter';
-import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types';
+import { ListPropertyOptions } from '../ListHandler.types';
 export interface ListTitleFieldProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
-    path: string;
-    slug: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: ListPropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/PrefixSuffix/PrefixSuffix.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { PrefixSuffixProps } from './PrefixSuffix.types';
+import './PrefixSuffix.css';
+declare const PrefixSuffix: ({ prefix, suffix, children }: PrefixSuffixProps) => React.JSX.Element;
+export default PrefixSuffix;

package/dist/ui/cjs/types/ui/components/PrefixSuffix/PrefixSuffix.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface PrefixSuffixProps {
+    prefix?: string;
+    suffix?: string;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/PrefixSuffix/index.d.ts

@@ -0,0 +1,2 @@
+import PrefixSuffix from './PrefixSuffix';
+export { PrefixSuffix };

package/dist/ui/cjs/types/ui/components/Table/Column.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ColumnProps } from './Column.types';
-declare const Column: ({ name, page, href, link, query }: ColumnProps) => React.JSX.Element;
+declare const Column: ({ name, page, options }: ColumnProps) => React.JSX.Element;
 export default Column;

package/dist/ui/cjs/types/ui/components/Table/Column.types.d.ts

@@ -1,11 +1,7 @@
-/// <reference types="node" />
-import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { PageObjectResponseEx } from '../../../exporter';
-import type { Link } from '../types';
+import { TableOptions } from './Table.types';
 export interface ColumnProps {
     name: string;
     page: PageObjectResponseEx;
-    href?: string;
-    link?: Link;
-    query?: ParsedUrlQueryInput;
+    options?: TableOptions;
 }

package/dist/ui/cjs/types/ui/components/Table/Table.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 import type { TableProps } from './Table.types';
 import '../tokens.css';
 import './Table.css';
-export declare const Table: ({ keys, db, href, link, query }: TableProps) => React.JSX.Element;
+export declare const Table: ({ keys, db, options }: TableProps) => React.JSX.Element;
 export default Table;

package/dist/ui/cjs/types/ui/components/Table/Table.types.d.ts

@@ -6,8 +6,20 @@ import type { Link } from '../types';
 export interface TableProps {
     keys: string[];
     db: QueryDatabaseResponseEx;
-    href?: string;
+    children?: ReactNode;
+    options?: TableOptions;
+}
+export interface TableOptions {
+    href?: {
+        [key: string]: string;
+    };
     link?: Link;
     query?: ParsedUrlQueryInput;
-    children?: ReactNode;
+    prefix?: {
+        [key: string]: string;
+    };
+    suffix?: {
+        [key: string]: string;
+    };
+    verticalLines?: boolean;
 }

package/dist/ui/cjs/types/ui/components/Table/TableCheckboxField/TableCheckboxField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableCheckboxFieldProps } from './TableCheckboxField.types';
 import './TableCheckboxField.css';
-export declare const TableCheckboxField: ({ checked }: TableCheckboxFieldProps) => React.JSX.Element;
+export declare const TableCheckboxField: ({ checked, options }: TableCheckboxFieldProps) => React.JSX.Element;
 export default TableCheckboxField;

package/dist/ui/cjs/types/ui/components/Table/TableCheckboxField/TableCheckboxField.types.d.ts

@@ -1,3 +1,5 @@
+import type { TablePropertyOptions } from '../TableHandler.types';
 export interface TableCheckboxFieldProps {
     checked: boolean;
+    options?: TablePropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/Table/TableFormulaField/TableFormulaField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { TableFormulaFieldProps } from './TableFormulaField.types';
 import './TableFormulaField.css';
-declare const TableFormulaField: ({ number }: TableFormulaFieldProps) => React.JSX.Element;
+declare const TableFormulaField: ({ number, options }: TableFormulaFieldProps) => React.JSX.Element;
 export default TableFormulaField;

package/dist/ui/cjs/types/ui/components/Table/TableFormulaField/TableFormulaField.types.d.ts

@@ -1,3 +1,5 @@
+import { TablePropertyOptions } from '../TableHandler.types';
 export interface TableFormulaFieldProps {
     number: number | null;
+    options?: TablePropertyOptions;
 }

package/dist/ui/cjs/types/ui/components/Table/TableHandler.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { TableHandlerProps } from './TableHandler.types';
-declare const TableHandler: ({ property, path, slug, link, query }: TableHandlerProps) => React.JSX.Element;
+declare const TableHandler: ({ property, options }: TableHandlerProps) => React.JSX.Element;
 export default TableHandler;