rotion 3.0.0-rc.2 → 3.0.0

package/README.ja.md

@@ -176,6 +176,69 @@ const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
 - `Checkbox` - チェックボックスの表示
 - `createClientLink` - Next.js App Router用ヘルパー（v2.0.1以降）
 
+サンプル
+--
+
+`examples/` ディレクトリには、Notionデータベース連携を実演する完全なサンプルが含まれています。
+
+### データベースのセットアップ
+
+すべてのサンプルは、以下のプロパティを持つNotionデータベースが必要です：
+
+| プロパティ名 | プロパティ型 |
+|------------|-------------|
+| Title      | `title`     |
+| Tags       | `multi_select`|
+| Date       | `date`      |
+
+### [nextjs-approuter](./examples/nextjs-approuter)
+データベース対応のNext.js App Routerサンプル：
+- インデックスページにデータベーステーブルビュー
+- 個別記事用の動的 `[id]` ルート
+- `generateStaticParams` を使ったServer Components
+- CSS Modulesによるスタイリング
+
+```bash
+cd examples/nextjs-approuter
+cp .env.example .env.local
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+### [nextjs-pagerouter](./examples/nextjs-pagerouter)
+データベース対応のNext.js Pages Routerサンプル：
+- `getStaticProps` を使ったデータベーステーブルビュー
+- `getStaticPaths` による動的 `[id]` ルート
+- 従来のSSGワークフロー
+
+```bash
+cd examples/nextjs-pagerouter
+cp .env.example .env.local
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+### [astro](./examples/astro)
+データベース対応のAstroサンプル：
+- `.astro` ファイルでのデータベーステーブルビュー
+- `getStaticPaths` による動的ルート
+- `client:load` によるReactコンポーネント
+
+```bash
+cd examples/astro
+cp .env.example .env
+# NOTION_TOKENとNOTION_DATABASE_IDを設定
+npm install
+npm run dev
+```
+
+各サンプルのデモ内容：
+- 3つのプロパティすべてを表示するデータベーステーブルビュー
+- 完全なコンテンツを持つ個別記事ページ
+- データベースと記事ビュー間のナビゲーション
+
 スクリプト
 --
 

package/README.md

@@ -175,6 +175,69 @@ Main Exports
 - `Checkbox` – Renders checkboxes
 - `createClientLink` – Helper for Next.js App Router (v2.0.1+)
 
+Examples
+--
+
+The `examples/` directory contains complete working examples demonstrating Notion database integration.
+
+### Database Setup
+
+All examples require a Notion database with the following properties:
+
+| Property Name | Property Type |
+|--------------|---------------|
+| Title        | `title`       |
+| Tags         | `multi_select`|
+| Date         | `date`        |
+
+### [nextjs-approuter](./examples/nextjs-approuter)
+Next.js App Router example with database support:
+- Database table view on the index page
+- Dynamic `[id]` routes for individual articles
+- Server Components with `generateStaticParams`
+- CSS Modules for styling
+
+```bash
+cd examples/nextjs-approuter
+cp .env.example .env.local
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+### [nextjs-pagerouter](./examples/nextjs-pagerouter)
+Next.js Pages Router example with database support:
+- Database table view using `getStaticProps`
+- Dynamic `[id]` routes with `getStaticPaths`
+- Traditional SSG workflow
+
+```bash
+cd examples/nextjs-pagerouter
+cp .env.example .env.local
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+### [astro](./examples/astro)
+Astro example with database support:
+- Database table view in `.astro` files
+- Dynamic routes with `getStaticPaths`
+- React components with `client:load`
+
+```bash
+cd examples/astro
+cp .env.example .env
+# Add your NOTION_TOKEN and NOTION_DATABASE_ID
+npm install
+npm run dev
+```
+
+Each example demonstrates:
+- Database table view displaying all three properties
+- Individual article pages with full content
+- Navigation between database and article views
+
 Scripts
 --
 

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

@@ -1,7 +1,7 @@
-import type { FetchDatabaseRes } from '../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { FetchDatabaseRes } from '../../../exporter/index.js';
 import type { Link } from '../types.js';
-import { GalleryPreviewOptions } from './GalleryPreview/GalleryPreview.types';
+import type { GalleryPreviewOptions } from './GalleryPreview/GalleryPreview.types';
 export interface GalleryProps {
     keys: string[];
     db: FetchDatabaseRes;

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

@@ -1,4 +1,4 @@
 import type { GalleryCardProps } from './GalleryCard.types';
 
-declare const GalleryCard: ({ keys, page, options }: GalleryCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const GalleryCard: ({ keys, page, options }: GalleryCardProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GalleryCard;

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

@@ -1,5 +1,5 @@
 import type { PageObjectResponseEx } from '../../../../exporter/index.js';
-import { GalleryOptions } from '../Gallery.types';
+import type { GalleryOptions } from '../Gallery.types';
 export interface GalleryCardProps {
     keys: string[];
     page: PageObjectResponseEx;

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

@@ -1,3 +1,3 @@
 import type { GalleryHandlerProps } from './GalleryHandler.types';
-declare const GalleryHandler: ({ property, options }: GalleryHandlerProps) => import("react/jsx-runtime").JSX.Element;
+declare const GalleryHandler: ({ property, options }: GalleryHandlerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GalleryHandler;

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

@@ -1,5 +1,5 @@
-import type { DatabaseProperty } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { DatabaseProperty } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface GalleryHandlerProps {
     property?: DatabaseProperty;

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ReactNode } from 'react';
 import type { Link } from '../../types.js';
 export interface GalleryLinkedCardProps {
     link?: Link;

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

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

package/dist/ui/components/Gallery/GalleryDateField/GalleryDateField.d.ts

@@ -1,4 +1,4 @@
 import type { GalleryDateFieldProps } from './GalleryDateField.types';
 
-declare const GalleryDateField: ({ date }: GalleryDateFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const GalleryDateField: ({ date }: GalleryDateFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GalleryDateField;

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

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

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

@@ -1,5 +1,5 @@
 import type { SelectPropertyResponse } from '../../../../exporter/index.js';
-import { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
+import type { GalleryPropertyOptions } from '../GalleryCard/GalleryHandler.types';
 export interface GalleryMultiSelectFieldProps {
     multiSelect: SelectPropertyResponse[];
     options?: GalleryPropertyOptions;

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

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

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

@@ -1,4 +1,4 @@
-import type { RichTextItemResponseEx, RichTextItemResponse } from '../../../../exporter/index.js';
+import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter/index.js';
 export interface GalleryRichTextFieldProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
     size?: 'small' | 'medium' | 'large';

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

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

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

@@ -1,4 +1,4 @@
-import type { RichTextItemResponseEx, RichTextItemResponse } from '../../../../exporter/index.js';
+import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter/index.js';
 export interface GalleryTitleFieldProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
 }

package/dist/ui/components/Gallery/GalleryUrlField/GalleryUrlField.d.ts

@@ -1,4 +1,4 @@
 import type { GalleryUrlFieldProps } from './GalleryUrlField.types';
 
-declare const GalleryUrlField: ({ url }: GalleryUrlFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const GalleryUrlField: ({ url }: GalleryUrlFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default GalleryUrlField;

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

@@ -1,3 +1,3 @@
 import type { ColumnProps } from './Column.types';
-declare const Column: ({ name, page, options }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+declare const Column: ({ name, page, options }: ColumnProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Column;

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

@@ -1,6 +1,6 @@
+import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { ReactNode } from 'react';
 import type { QueryDatabaseResponseEx } from '../../../exporter/index.js';
-import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../types.js';
 export interface ListProps {
     keys: string[];

package/dist/ui/components/List/ListDateField/ListDateField.d.ts

@@ -1,4 +1,4 @@
 import type { ListDateFieldProps } from './ListDateField.types';
 
-declare const ListDateField: ({ date }: ListDateFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListDateField: ({ date }: ListDateFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListDateField;

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

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

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

@@ -1,3 +1,3 @@
 import type { ListHandlerProps } from './ListHandler.types';
-declare const ListHandler: ({ property, options }: ListHandlerProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListHandler: ({ property, options }: ListHandlerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListHandler;

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ReactNode } from 'react';
 import type { Link } from '../../types.js';
 export interface LinkedTagIfLinkedProps {
     pathname?: string;

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

@@ -1,4 +1,4 @@
 import type { ListMultiSelectFieldProps } from './ListMultiSelectField.types';
 
-declare const ListMultiSelectField: ({ multiSelect, options }: ListMultiSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListMultiSelectField: ({ multiSelect, options }: ListMultiSelectFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListMultiSelectField;

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

@@ -1,5 +1,5 @@
 import type { SelectPropertyResponse } from '../../../../exporter/index.js';
-import { ListPropertyOptions } from '../ListHandler.types';
+import type { ListPropertyOptions } from '../ListHandler.types';
 export interface ListMultiSelectFieldProps {
     multiSelect: SelectPropertyResponse[];
     options?: ListPropertyOptions;

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

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

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

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ReactNode } from 'react';
 import type { Link } from '../../types.js';
 export interface LinkedTagIfLinkedProps {
     pathname?: string;

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

@@ -1,4 +1,4 @@
 import type { ListSelectFieldProps } from './ListSelectField.types';
 
-declare const ListSelectField: ({ select, options }: ListSelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListSelectField: ({ select, options }: ListSelectFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListSelectField;

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

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

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

@@ -1,5 +1,5 @@
 import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter/index.js';
-import { ListPropertyOptions } from '../ListHandler.types';
+import type { ListPropertyOptions } from '../ListHandler.types';
 export interface LinkedTitleProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
     options?: ListPropertyOptions;

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

@@ -1,5 +1,5 @@
-import type { RichTextItemResponseEx, RichTextItemResponse } from '../../../../exporter/index.js';
-import { ListPropertyOptions } from '../ListHandler.types';
+import type { RichTextItemResponse, RichTextItemResponseEx } from '../../../../exporter/index.js';
+import type { ListPropertyOptions } from '../ListHandler.types';
 export interface ListTitleFieldProps {
     textObjects: RichTextItemResponseEx[] | RichTextItemResponse[];
     options?: ListPropertyOptions;

package/dist/ui/components/List/ListUrlField/ListUrlField.d.ts

@@ -1,4 +1,4 @@
 import type { ListUrlFieldProps } from './ListUrlField.types';
 
-declare const ListUrlField: ({ url }: ListUrlFieldProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListUrlField: ({ url }: ListUrlFieldProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ListUrlField;

package/dist/ui/components/Page/BookmarkBlock/BookmarkBlock.d.ts

@@ -1,5 +1,5 @@
 import type { BookmarkBlockProps } from './BookmarkBlock.types';
 
 
-declare const BookmarkBlock: ({ block }: BookmarkBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const BookmarkBlock: ({ block }: BookmarkBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default BookmarkBlock;

package/dist/ui/components/Page/BreadcrumbBlock/BreadcrumbBlock.types.d.ts

@@ -1,6 +1,6 @@
 import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types.js';
 import type { BreadcrumbBlockObjectResponseEx } from '../../../../exporter/index.js';
+import type { Link } from '../../types.js';
 export interface BreadcrumbBlockProps {
     block: BreadcrumbBlockObjectResponseEx;
     link?: Link;

package/dist/ui/components/Page/BreadcrumbBlock/Breadcrumbs.types.d.ts

@@ -1,6 +1,6 @@
 import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types.js';
 import type { Breadcrumb } from '../../../../exporter/index.js';
+import type { Link } from '../../types.js';
 export interface BreadcrumbsProps {
     list: Breadcrumb[];
     link?: Link;

package/dist/ui/components/Page/BreadcrumbBlock/LinkedBreadcrumbIfLinked.types.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
-import type { Link } from '../../types.js';
+import type { ReactNode } from 'react';
 import type { Breadcrumb } from '../../../../exporter/index.js';
+import type { Link } from '../../types.js';
 export interface LinkedBreadcrumbIfLinkedProps {
     breadcrumb: Breadcrumb;
     link?: Link;

package/dist/ui/components/Page/BulletedListBlock/BulletedListBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { BulletedListItemBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { BulletedListItemBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface BulletedListBlockProps {
     block: BulletedListItemBlockObjectResponseEx;

package/dist/ui/components/Page/CalloutBlock/CalloutBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { CalloutBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { CalloutBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface CalloutBlockProps {
     block: CalloutBlockObjectResponseEx;

package/dist/ui/components/Page/ChildDatabaseBlock/ChildDatabaseBlock.d.ts

@@ -1,5 +1,5 @@
 import type { ChildDatabaseBlockProps } from './ChildDatabaseBlock.types';
 
 
-declare const ChildDatabaseBlock: ({ block, href, link, query }: ChildDatabaseBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChildDatabaseBlock: ({ block, href, link, query }: ChildDatabaseBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ChildDatabaseBlock;

package/dist/ui/components/Page/ChildDatabaseBlock/ChildDatabaseBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { ChildDatabaseBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ChildDatabaseBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface ChildDatabaseBlockProps {
     block: ChildDatabaseBlockObjectResponseEx;

package/dist/ui/components/Page/ChildPageBlock/ChildPageBlock.d.ts

@@ -1,5 +1,5 @@
 import type { ChildPageBlockProps } from './ChildPageBlock.types';
 
 
-declare const ChildPageBlock: ({ block, href, link, query }: ChildPageBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const ChildPageBlock: ({ block, href, link, query }: ChildPageBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ChildPageBlock;

package/dist/ui/components/Page/ChildPageBlock/ChildPageBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { ChildPageBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ChildPageBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface ChildPageBlockProps {
     block: ChildPageBlockObjectResponseEx;

package/dist/ui/components/Page/ColumnListBlock/ColumnListBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { ColumnListBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ColumnListBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface ColumnListBlockProps {
     block: ColumnListBlockObjectResponseEx;

package/dist/ui/components/Page/EmbedBlock/EmbedBlock.d.ts

@@ -1,5 +1,5 @@
 import type { EmbedBlockProps } from './EmbedBlock.types';
 
 
-declare const EmbedBlock: ({ block }: EmbedBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const EmbedBlock: ({ block }: EmbedBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default EmbedBlock;

package/dist/ui/components/Page/FileBlock/FileBlock.types.d.ts

@@ -1,4 +1,4 @@
-import { FileBlockObjectResponseEx } from '../../../../exporter/index.js';
+import type { FileBlockObjectResponseEx } from '../../../../exporter/index.js';
 export interface FileBlockProps {
     block: FileBlockObjectResponseEx;
 }

package/dist/ui/components/Page/LinkPreviewBlock/LinkPreviewBlock.d.ts

@@ -2,5 +2,5 @@ import type { LinkPreviewBlockProps } from './LinkPreviewBlock.types';
 
 
 
-declare const LinkPreviewBlock: ({ block }: LinkPreviewBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const LinkPreviewBlock: ({ block }: LinkPreviewBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default LinkPreviewBlock;

package/dist/ui/components/Page/ListBlocks/ListBlocks.types.d.ts

@@ -1,7 +1,7 @@
+import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { JSX } from 'react';
-import type { Link } from '../../types.js';
 import type { BlockObjectResponse } from '../../../../exporter/index.js';
-import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types.js';
 export interface ListBlocksProps {
     tag: keyof JSX.IntrinsicElements;
     blocks: BlockObjectResponse[];

package/dist/ui/components/Page/NumberedListBlock/NumberedListBlock.types.d.ts

@@ -1,5 +1,5 @@
-import type { NumberedListItemBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { NumberedListItemBlockObjectResponseEx } from '../../../../exporter/index.js';
 import type { Link } from '../../types.js';
 export interface NumberedListBlockProps {
     block: NumberedListItemBlockObjectResponseEx;

package/dist/ui/components/Page/Page.types.d.ts

@@ -1,5 +1,5 @@
-import type { ListBlockChildrenResponseEx } from '../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ListBlockChildrenResponseEx } from '../../../exporter/index.js';
 import type { Link } from '../types.js';
 export interface PageProps {
     blocks: ListBlockChildrenResponseEx;

package/dist/ui/components/Page/PageHandler.d.ts

@@ -10,5 +10,5 @@ export declare const blockType: {
     code: string;
     quote: string;
 };
-export declare const PageHandler: ({ block, href, link, query, breadcrumb_hrefs }: HandlerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageHandler: ({ block, href, link, query, breadcrumb_hrefs }: HandlerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default PageHandler;

package/dist/ui/components/Page/PageHandler.types.d.ts

@@ -1,5 +1,5 @@
-import type { BlockObjectResponse } from '../../../exporter/index.js';
 import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { BlockObjectResponse } from '../../../exporter/index.js';
 import type { Link } from '../types.js';
 export interface HandlerProps {
     block: BlockObjectResponse;

package/dist/ui/components/Page/SyncedBlock/SyncedBlock.d.ts

@@ -1,5 +1,5 @@
 import type { SyncedBlockProps } from './SyncedBlock.types';
 
 
-declare const SyncedBlock: ({ block }: SyncedBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const SyncedBlock: ({ block }: SyncedBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default SyncedBlock;

package/dist/ui/components/Page/SyncedBlock/SyncedBlock.types.d.ts

@@ -1,4 +1,4 @@
-import { SyncedBlockBlockObjectResponseEx } from '../../../../exporter/index.js';
+import type { SyncedBlockBlockObjectResponseEx } from '../../../../exporter/index.js';
 export interface SyncedBlockProps {
     block: SyncedBlockBlockObjectResponseEx;
 }

package/dist/ui/components/Page/TableBlock/TableBlock.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 import type { TableBlockProps } from './TableBlock.types';
 
 

package/dist/ui/components/Page/TableBlock/TableBlock.types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { TableBlockObjectResponseEx, RichTextItemResponse } from '../../../../exporter/index.js';
+import type { RichTextItemResponse, TableBlockObjectResponseEx } from '../../../../exporter/index.js';
 export interface TableBlockProps {
     block: TableBlockObjectResponseEx;
 }

package/dist/ui/components/Page/TableOfContentsBlock/TableOfContentsBlock.types.d.ts

@@ -1,4 +1,4 @@
-import { TableOfContentsBlockObjectResponse } from '../../../../exporter/index.js';
+import type { TableOfContentsBlockObjectResponse } from '../../../../exporter/index.js';
 export interface TableOfContentsBlockProps {
     block: TableOfContentsBlockObjectResponse;
 }

package/dist/ui/components/Page/TextBlock/TextBlock.types.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from 'react';
-import type { ParagraphBlockObjectResponseEx, Heading1BlockObjectResponse, Heading2BlockObjectResponse, Heading3BlockObjectResponse, QuoteBlockObjectResponse, DividerBlockObjectResponse } from '../../../../exporter/index.js';
+import type { DividerBlockObjectResponse, Heading1BlockObjectResponse, Heading2BlockObjectResponse, Heading3BlockObjectResponse, ParagraphBlockObjectResponseEx, QuoteBlockObjectResponse } from '../../../../exporter/index.js';
 export interface TextBlockProps {
     tag: keyof JSX.IntrinsicElements;
     block: ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | QuoteBlockObjectResponse | DividerBlockObjectResponse;

package/dist/ui/components/Page/ToDoBlock/ToDoBlock.d.ts

@@ -1,5 +1,5 @@
 import type { ToDoBlockProps } from './ToDoBlock.types';
 
 
-declare const ToDoBlock: ({ block }: ToDoBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const ToDoBlock: ({ block }: ToDoBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ToDoBlock;

package/dist/ui/components/Page/VideoBlock/VideoBlock.d.ts

@@ -1,5 +1,5 @@
 import type { VideoBlockProps } from './VideoBlock.types';
 
 
-declare const VideoBlock: ({ block }: VideoBlockProps) => import("react/jsx-runtime").JSX.Element;
+declare const VideoBlock: ({ block }: VideoBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export default VideoBlock;

package/dist/ui/components/Page/VideoBlock/VideoBlock.types.d.ts

@@ -1,4 +1,4 @@
-import type { VideoBlockObjectResponseEx, VideoFile, VideoExternal } from '../../../../exporter/index.js';
+import type { VideoBlockObjectResponseEx, VideoExternal, VideoFile } from '../../../../exporter/index.js';
 export interface VideoBlockProps {
     block: VideoBlockObjectResponseEx;
 }

package/dist/ui/components/RichText/Annotation/Annotation.d.ts

@@ -1,5 +1,5 @@
 import type { RichTextProps } from '../RichText.types';
 
 
-declare const Annotation: ({ textObject, children }: RichTextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Annotation: ({ textObject, children }: RichTextProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Annotation;