rotion 2.0.4 → 2.1.0-rc.1

package/README.ja.md

@@ -31,6 +31,8 @@ Next.jsをはじめとしたReact系フレームワークでの利用を想定
 - 画像やPDFなどのファイルもローカル保存
 - 豊富なReactコンポーネント（Gallery, Table, List, Page, 各種Blockなど）
 - Next.jsなどの静的サイトジェネレーターと親和性が高い
+- **Next.js App Router サポート** - `createClientLink` ヘルパー（v2.0.1以降）
+- **Next.js Page Router サポート** - 従来のSSGワークフロー
 - TypeScript対応
 
 インストール
@@ -51,47 +53,128 @@ yarn add rotion
 
 ### 1. Notion APIのセットアップ
 
-Notionのインテグレーションを作成し、APIキーとデータベースIDを取得してください。
+Notionインテグレーションを作成し、APIキーとデータベースIDを取得します：
 
-### 2. データのエクスポート
+1. [Notion Integrations](https://www.notion.so/my-integrations) にアクセス
+2. 新しいインテグレーションを作成
+3. インテグレーショントークンをコピー
+4. Notionページ/データベースをインテグレーションと共有
+5. ページ/データベースIDをURLからコピー
 
-`src/exporter`配下のAPIを使って、Notionからデータを取得し、静的ファイルとして保存します。
+### 2. データの取得
+
+`rotion` から提供されるAPIを使ってNotionからデータを取得します：
 
-例:
 ```ts
-import { FetchDatabase, FetchBlocks } from 'rotion'
+import { FetchDatabase, FetchBlocks, FetchPage } from 'rotion'
 
+// データベースを取得
 const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
-const page = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+
+// ページブロックを取得
+const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+
+// ページ情報を取得
+const page = await FetchPage({ page_id: 'YOUR_PAGE_ID' })
 ```
 
 ### 3. Reactコンポーネントで表示
 
-`src/ui`配下の各種コンポーネントを使って、取得したデータを表示できます。
+#### Next.js App Router (v15+)
+
+Next.js App Router では、`createClientLink` ヘルパーのセットアップが必要です：
 
-例:
+**ステップ1:** `app/lib/rotion.ts` を作成：
 ```tsx
-import { Gallery } from 'rotion/ui'
+'use client'
+
+import { createClientLink } from 'rotion/ui'
+import NextLink from 'next/link'
+
+export const ClientLink = createClientLink(NextLink)
+```
 
-<Gallery db={db} keys={['Name', 'Description']} />
+**ステップ2:** Server Component で使用：
+```tsx
+// app/page.tsx
+import { Page } from 'rotion/ui'
+import { FetchBlocks } from 'rotion'
+import { ClientLink } from './lib/rotion'
+import type { Link } from 'rotion/ui'
+
+export default async function MyPage() {
+  const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+  return <Page blocks={blocks} link={ClientLink as Link} />
+}
+```
+
+#### Next.js Page Router
+
+Page Router では、Next.js の Link を直接使用できます：
+
+```tsx
+// pages/index.tsx
+import type { GetStaticProps } from 'next'
+import { Page } from 'rotion/ui'
+import { FetchBlocks } from 'rotion'
+import NextLink from 'next/link'
+
+export const getStaticProps: GetStaticProps = async () => {
+  const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+  return { props: { blocks } }
+}
+
+export default function MyPage({ blocks }) {
+  return <Page blocks={blocks} link={NextLink} />
+}
+```
+
+#### データベースビュー
+
+Notionデータベースをさまざまな形式で表示：
+
+```tsx
+import { Gallery, Table, List } from 'rotion/ui'
+import { FetchDatabase } from 'rotion'
+
+const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
+
+// ギャラリービュー
+<Gallery db={db} keys={['Name', 'Description', 'Image']} />
+
+// テーブルビュー
+<Table db={db} keys={['Name', 'Status', 'Date']} />
+
+// リストビュー
+<List db={db} keys={['Name', 'Tags']} />
 ```
 
 主なエクスポート
 --
 
-### データ取得用関数（exporter）
+### データ取得用関数（`rotion` から）
 
-- `FetchDatabase` - データベースの取得・ローカルキャッシュ
-- `FetchBlocks` - ページブロックの取得・ローカルキャッシュ
+- `FetchDatabase` - Notionデータベースの取得とキャッシュ
+- `FetchBlocks` - ページブロックの取得とキャッシュ
 - `FetchPage` - ページ情報の取得
 - `FetchBreadcrumbs` - パンくずリスト情報の取得
 
-### UIコンポーネント
+### UIコンポーネント（`rotion/ui` から）
+
+**データベースビュー:**
+- `Gallery` - ギャラリービュー
+- `Table` - テーブルビュー
+- `List` - リストビュー
+
+**ページとブロック:**
+- `Page` - Notionページ全体を表示
+- 各種Blockコンポーネント（TextBlock, ImageBlock, CodeBlock, CalloutBlock など）
 
-- `Gallery`, `Table`, `List` - Notionデータベースの各種表示
-- `Page` - Notionページの表示
-- 各種Blockコンポーネント（TextBlock, ImageBlock, CodeBlock, ...）
-- `Icon`, `RichText`, `Checkbox` など
+**ユーティリティ:**
+- `Icon` - Notionアイコンの表示
+- `RichText` - Notionリッチテキストの表示
+- `Checkbox` - チェックボックスの表示
+- `createClientLink` - Next.js App Router用ヘルパー（v2.0.1以降）
 
 スクリプト
 --
@@ -104,7 +187,8 @@ import { Gallery } from 'rotion/ui'
 --
 
 - Node.js 18以上推奨
-- React 17/18/19対応
+- React 17、18、または19
+- Next.js 13以上（App Router機能を使う場合はNext.js 15以上推奨）
 
 ライセンス
 --

package/README.md

@@ -30,6 +30,8 @@ Features
 - Local storage of images, PDFs, and other files.
 - Rich React components (Gallery, Table, List, Page, and various Blocks).
 - Compatible with static site generators such as Next.js.
+- **Next.js App Router support** with `createClientLink` helper (v2.0.1+).
+- **Next.js Page Router support** for traditional SSG workflows.
 - TypeScript support.
 
 Installation
@@ -50,47 +52,128 @@ Usage
 
 ### 1. Set Up Notion API
 
-Create a Notion integration and obtain your API key and database ID.
+Create a Notion integration and obtain your API key and database ID:
+
+1. Go to [Notion Integrations](https://www.notion.so/my-integrations)
+2. Create a new integration
+3. Copy the integration token
+4. Share your Notion pages/databases with the integration
+5. Copy the page/database IDs from their URLs
 
 ### 2. Export Data
 
-Use the APIs under `src/exporter` to fetch data from Notion and save it as static files.
+Use the APIs under `rotion` to fetch data from Notion:
 
-Example:
 ```ts
-import { FetchDatabase, FetchBlocks } from 'rotion'
+import { FetchDatabase, FetchBlocks, FetchPage } from 'rotion'
 
+// Fetch a database
 const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
-const page = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+
+// Fetch page blocks
+const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+
+// Fetch page information
+const page = await FetchPage({ page_id: 'YOUR_PAGE_ID' })
 ```
 
 ### 3. Render with React Components
 
-Use the components under `src/ui` to display the fetched data.
+#### Next.js App Router (v15+)
+
+For Next.js App Router, you need to set up the `createClientLink` helper:
 
-Example:
+**Step 1:** Create `app/lib/rotion.ts`:
 ```tsx
-import { Gallery } from 'rotion/ui'
+'use client'
+
+import { createClientLink } from 'rotion/ui'
+import NextLink from 'next/link'
+
+export const ClientLink = createClientLink(NextLink)
+```
 
-<Gallery db={db} keys={['Name', 'Description']} />
+**Step 2:** Use in your Server Components:
+```tsx
+// app/page.tsx
+import { Page } from 'rotion/ui'
+import { FetchBlocks } from 'rotion'
+import { ClientLink } from './lib/rotion'
+import type { Link } from 'rotion/ui'
+
+export default async function MyPage() {
+  const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+  return <Page blocks={blocks} link={ClientLink as Link} />
+}
+```
+
+#### Next.js Page Router
+
+For Page Router, you can use Next.js Link directly:
+
+```tsx
+// pages/index.tsx
+import type { GetStaticProps } from 'next'
+import { Page } from 'rotion/ui'
+import { FetchBlocks } from 'rotion'
+import NextLink from 'next/link'
+
+export const getStaticProps: GetStaticProps = async () => {
+  const blocks = await FetchBlocks({ block_id: 'YOUR_PAGE_ID' })
+  return { props: { blocks } }
+}
+
+export default function MyPage({ blocks }) {
+  return <Page blocks={blocks} link={NextLink} />
+}
+```
+
+#### Database Views
+
+Display Notion databases in different formats:
+
+```tsx
+import { Gallery, Table, List } from 'rotion/ui'
+import { FetchDatabase } from 'rotion'
+
+const db = await FetchDatabase({ database_id: 'YOUR_DATABASE_ID' })
+
+// Gallery view
+<Gallery db={db} keys={['Name', 'Description', 'Image']} />
+
+// Table view
+<Table db={db} keys={['Name', 'Status', 'Date']} />
+
+// List view
+<List db={db} keys={['Name', 'Tags']} />
 ```
 
 Main Exports
 --
 
-### Data Fetching Functions (exporter)
+### Data Fetching Functions (from `rotion`)
+
+- `FetchDatabase` – Fetches and caches a Notion database
+- `FetchBlocks` – Fetches and caches page blocks
+- `FetchPage` – Fetches page information
+- `FetchBreadcrumbs` – Fetches breadcrumb information
+
+### UI Components (from `rotion/ui`)
 
-- `FetchDatabase` – Fetches and caches the database.
-- `FetchBlocks` – Fetches and caches page blocks.
-- `FetchPage` – Fetches page information.
-- `FetchBreadcrumbs` – Fetches breadcrumb information.
+**Database Views:**
+- `Gallery` – Gallery view for databases
+- `Table` – Table view for databases
+- `List` – List view for databases
 
-### UI Components
+**Page & Blocks:**
+- `Page` – Renders a complete Notion page
+- Various Block components (TextBlock, ImageBlock, CodeBlock, CalloutBlock, etc.)
 
-- `Gallery`, `Table`, `List` – Various displays for Notion databases.
-- `Page` – Renders a Notion page.
-- Various Block components (TextBlock, ImageBlock, CodeBlock, ...).
-- `Icon`, `RichText`, `Checkbox`, etc.
+**Utilities:**
+- `Icon` – Renders Notion icons
+- `RichText` – Renders Notion rich text
+- `Checkbox` – Renders checkboxes
+- `createClientLink` – Helper for Next.js App Router (v2.0.1+)
 
 Scripts
 --
@@ -102,8 +185,9 @@ Scripts
 Requirements
 --
 
-- Node.js 18 or later (recommended).
-- Compatible with React 17, 18, and 19.
+- Node.js 18 or later (recommended)
+- React 17, 18, or 19
+- Next.js 13+ (for App Router features, Next.js 15+ recommended)
 
 License
 --

package/dist/ui/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+
+declare const Checkbox: ({ bool }: {
+    bool: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/ui/components/Checkbox/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import type { GalleryProps } from './Gallery.types';
+
+
+declare const Gallery: ({ keys, db, options }: GalleryProps) => import("react/jsx-runtime").JSX.Element;
+export default Gallery;

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

@@ -0,0 +1,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;
+    options?: GalleryOptions;
+}
+export interface GalleryOptions {
+    href?: {
+        [key: string]: string;
+    };
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    image?: GalleryPreviewOptions;
+    prefix?: {
+        [key: string]: string;
+    };
+    suffix?: {
+        [key: string]: string;
+    };
+}

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import type { DatabaseProperty } from '../../../../exporter';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+export interface GalleryHandlerProps {
+    property?: DatabaseProperty;
+    options: GalleryPropertyOptions;
+}
+export interface GalleryPropertyOptions {
+    pathname?: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    prefix?: string;
+    suffix?: string;
+}

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { GalleryCheckboxFieldProps } from './GalleryCheckboxField.types';
+
+declare const GalleryCheckboxField: ({ checked, options }: GalleryCheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default GalleryCheckboxField;

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { DateResponse } from '../../../../exporter';
+export interface GalleryDateFieldProps {
+    date: DateResponse | null;
+}

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

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

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

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

package/dist/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/components/Gallery/GalleryFormulaField/index.d.ts

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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/components/Gallery/GalleryMultiSelectField/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import type { GalleryNumberFieldProps } from './GalleryNumberField.types';
+
+declare const GalleryNumberField: ({ number, options }: GalleryNumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default GalleryNumberField;

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

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

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

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

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

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

package/dist/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/components/Gallery/GalleryPreview/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import type { GalleryRichTextFieldProps } from './GalleryRichTextField.types';
+
+declare const GalleryRichTextField: ({ textObjects, size }: GalleryRichTextFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default GalleryRichTextField;

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

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

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

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

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

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

package/dist/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/components/Gallery/GallerySelectField/LinkedTag.d.ts

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

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

@@ -0,0 +1,9 @@
+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/components/Gallery/GallerySelectField/index.d.ts

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

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

@@ -0,0 +1,4 @@
+import type { GalleryTitleFieldProps } from './GalleryTitleField.types';
+
+declare const GalleryTitleField: ({ textObjects }: GalleryTitleFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default GalleryTitleField;

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+export interface GalleryUrlFieldProps {
+    url: string | null;
+}

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

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