mokkun 0.1.5 → 0.2.0

package/dist/types/renderer/components/google-map-embed.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Google Map Embed Component
+ * Googleマップ埋め込みコンポーネント
+ */
+import type { GoogleMapEmbedField } from '../../types/schema';
+export interface GoogleMapEmbedState {
+    url: string;
+    isValid: boolean;
+    embedUrl: string | null;
+    errorMessage: string | null;
+    coordinates: {
+        lat: number;
+        lng: number;
+    } | null;
+    query: string | null;
+}
+export interface GoogleMapEmbedCallbacks {
+    onChange?: (state: GoogleMapEmbedState) => void;
+}
+/**
+ * Google Maps URL をバリデート
+ */
+export declare function isValidGoogleMapsUrl(url: string): boolean;
+/**
+ * URL から座標を抽出
+ */
+export declare function extractCoordinates(url: string): {
+    lat: number;
+    lng: number;
+} | null;
+/**
+ * URL から検索クエリを抽出
+ */
+export declare function extractQuery(url: string): string | null;
+/**
+ * URL から Place ID を抽出
+ */
+export declare function extractPlaceId(url: string): string | null;
+/**
+ * Google Maps 埋め込み URL を生成
+ */
+export declare function generateEmbedUrl(url: string, zoom?: number): string | null;
+/**
+ * Google Maps 埋め込みコンポーネント
+ */
+export declare class GoogleMapEmbed {
+    private field;
+    private container;
+    private callbacks;
+    private state;
+    private inputElement;
+    private previewContainer;
+    private errorElement;
+    constructor(field: GoogleMapEmbedField, container: HTMLElement, callbacks?: GoogleMapEmbedCallbacks, initialValue?: string);
+    private createInitialState;
+    /**
+     * コンポーネントをレンダリング
+     */
+    render(): void;
+    private createInputField;
+    private createOpenLink;
+    private handleInput;
+    private handleBlur;
+    private handlePaste;
+    private updateState;
+    private updateErrorDisplay;
+    private updatePreview;
+    private updateOpenLink;
+    /**
+     * 現在の状態を取得
+     */
+    getState(): GoogleMapEmbedState;
+    /**
+     * URL を設定
+     */
+    setUrl(url: string): void;
+    /**
+     * コンポーネントを破棄
+     */
+    destroy(): void;
+}
+/**
+ * Googleマップ埋め込みフィールドをレンダリング
+ */
+export declare function renderGoogleMapEmbedField(field: GoogleMapEmbedField, container: HTMLElement, options?: {
+    value?: string;
+    onChange?: (fieldId: string, value: unknown) => void;
+}): GoogleMapEmbed;

package/dist/types/renderer/components/heading.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Heading Component
+ * 見出しコンポーネント
+ *
+ *
+ * - セマンティックレベル（h1-h6）と視覚的サイズの分離
+ * - アクセシビリティを考慮した構造
+ * - カラーバリエーション対応
+ * - テキスト配置オプション
+ */
+import type { HeadingField } from '../../types/schema';
+/**
+ * 見出しの状態
+ */
+export interface HeadingState {
+    /** 見出しレベル */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    /** 見出しテキスト */
+    text: string;
+    /** サイズバリアント */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** テキスト配置 */
+    align?: 'left' | 'center' | 'right';
+    /** カラーバリエーション */
+    color?: 'default' | 'primary' | 'secondary' | 'muted' | 'danger' | 'success' | 'warning';
+    /** アイコン */
+    icon?: string;
+}
+/**
+ * 見出しのコールバック（拡張用）
+ */
+export interface HeadingCallbacks {
+    /** クリック時（インタラクティブな見出しの場合） */
+    onClick?: (state: HeadingState) => void;
+}
+/**
+ * 見出しの設定
+ */
+export interface HeadingConfig {
+    /** 見出しレベル（h1-h6） */
+    level: 1 | 2 | 3 | 4 | 5 | 6;
+    /** 見出しテキスト */
+    text: string;
+    /** サイズバリアント（デフォルト: levelに基づく） */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    /** テキスト配置（デフォルト: left） */
+    align?: 'left' | 'center' | 'right';
+    /** カラーバリエーション（デフォルト: default） */
+    color?: 'default' | 'primary' | 'secondary' | 'muted' | 'danger' | 'success' | 'warning';
+    /** アイコン（オプション） */
+    icon?: string;
+    /** ID属性 */
+    id?: string;
+    /** カスタムCSSクラス */
+    className?: string;
+}
+/**
+ * 見出しコンポーネント
+ */
+export declare class Heading {
+    private config;
+    private state;
+    private callbacks;
+    private container;
+    private instanceId;
+    constructor(container: HTMLElement, config: HeadingConfig, callbacks?: HeadingCallbacks);
+    /**
+     * 見出しをレンダリング
+     */
+    render(): void;
+    /**
+     * 見出しテキストを更新
+     */
+    setText(text: string): void;
+    /**
+     * 見出しレベルを更新
+     */
+    setLevel(level: 1 | 2 | 3 | 4 | 5 | 6): void;
+    /**
+     * サイズバリアントを更新
+     */
+    setSize(size: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'): void;
+    /**
+     * テキスト配置を更新
+     */
+    setAlign(align: 'left' | 'center' | 'right'): void;
+    /**
+     * カラーバリエーションを更新
+     */
+    setColor(color: 'default' | 'primary' | 'secondary' | 'muted' | 'danger' | 'success' | 'warning'): void;
+    /**
+     * 現在の状態を取得
+     */
+    getState(): HeadingState;
+    /**
+     * 初期状態を作成
+     */
+    private createInitialState;
+    /**
+     * 見出し要素を作成
+     */
+    private createHeadingElement;
+    /**
+     * レベルに基づくデフォルトサイズを取得
+     */
+    private getDefaultSizeForLevel;
+    /**
+     * 見出しフィールドをHTMLとしてレンダリング（静的メソッド）
+     * SSR/初期レンダリング用
+     *
+     * @param field - 見出しフィールド定義
+     * @returns 生成されたHTML文字列
+     */
+    static renderField(field: HeadingField): string;
+}
+/**
+ * 見出しコンポーネントを作成
+ */
+export declare function createHeading(container: HTMLElement, config: HeadingConfig, callbacks?: HeadingCallbacks): Heading;

package/dist/types/renderer/components/image-uploader.d.ts

@@ -0,0 +1,271 @@
+/**
+ * ImageUploader Component
+ * 複数画像のアップロード、並び替え、削除ができるコンポーネント
+ */
+/**
+ * 画像アイテム
+ */
+export interface ImageItem {
+    /** 画像ID */
+    id: string;
+    /** ファイルオブジェクト（新規アップロードの場合） */
+    file: File | null;
+    /** プレビューURL */
+    previewUrl: string;
+    /** ファイル名 */
+    name: string;
+    /** ファイルサイズ（バイト） */
+    size: number;
+    /** メイン画像かどうか */
+    isMain: boolean;
+}
+/**
+ * 画像アップローダーの設定
+ */
+export interface ImageUploaderConfig {
+    /** コンポーネントID */
+    id: string;
+    /** ラベル */
+    label: string;
+    /** 説明 */
+    description?: string;
+    /** 対応フォーマット */
+    acceptedFormats: string[];
+    /** 最大ファイルサイズ（バイト） */
+    maxFileSize: number;
+    /** 最大ファイル数 */
+    maxFiles: number;
+    /** 最小ファイル数 */
+    minFiles?: number;
+    /** 必須かどうか */
+    required?: boolean;
+    /** 無効かどうか */
+    disabled?: boolean;
+    /** フォームエラー状態（） */
+    error?: boolean;
+    /** 複数ファイル選択の可否（） */
+    multiple?: boolean;
+    /** ファイルタイプ制限の表示をドロップゾーン内に表示するか */
+    showTypeHintInDropzone?: boolean;
+    /** ドロップゾーンのテキストカスタマイズ */
+    decorators?: {
+        /** ドロップゾーンのメインテキスト */
+        dropzoneText?: string;
+        /** ドロップゾーンのサブテキスト（ヒント） */
+        dropzoneHint?: string;
+    };
+}
+/**
+ * アップロード状態
+ */
+export type UploadStatus = 'pending' | 'uploading' | 'completed' | 'error';
+/**
+ * 画像アップローダーの状態
+ */
+export interface ImageUploaderState {
+    /** 画像リスト */
+    images: ImageItem[];
+    /** メイン画像のID */
+    mainImageId: string | null;
+    /** ドラッグオーバー中かどうか */
+    isDraggingOver: boolean;
+    /** 並び替え中の画像ID */
+    draggingImageId: string | null;
+    /** アップロード進捗（ID -> パーセンテージ） */
+    uploadProgress: Record<string, number>;
+    /** アップロード状態（ID -> ステータス） */
+    uploadStatus: Record<string, UploadStatus>;
+    /** 拒否されたファイル一覧（UIで表示用） */
+    rejectedFiles: RejectedFile[];
+}
+/**
+ * 画像アップローダーのコールバック
+ */
+export interface ImageUploaderCallbacks {
+    /** 画像追加時 */
+    onAdd?: (images: ImageItem[], state: ImageUploaderState) => void;
+    /** 画像削除時 */
+    onRemove?: (imageId: string, state: ImageUploaderState) => void;
+    /** 並び替え時 */
+    onReorder?: (images: ImageItem[], state: ImageUploaderState) => void;
+    /** メイン画像変更時 */
+    onMainChange?: (imageId: string, state: ImageUploaderState) => void;
+    /** 変更時 */
+    onChange?: (state: ImageUploaderState) => void;
+    /** エラー時 */
+    onError?: (errors: RejectedFile[]) => void;
+    /** 進捗更新時 */
+    onProgress?: (imageId: string, progress: number) => void;
+    /** ファイル選択時（のonSelectFilesに対応） */
+    onSelectFiles?: (files: File[], state: ImageUploaderState) => void;
+    /** アップロード完了時 */
+    onUploadComplete?: (imageId: string, state: ImageUploaderState) => void;
+    /** アップロードエラー時 */
+    onUploadError?: (imageId: string, error: string, state: ImageUploaderState) => void;
+}
+/**
+ * バリデーション結果
+ */
+export interface ValidationResult {
+    /** 有効かどうか */
+    valid: boolean;
+    /** エラーメッセージ */
+    errors: string[];
+    /** 拒否理由のコード */
+    reasonCode?: RejectionReason;
+}
+/**
+ * 拒否理由の種類
+ */
+export type RejectionReason = 'invalid-format' | 'file-too-large' | 'max-files-exceeded';
+/**
+ * 拒否されたファイル
+ */
+export interface RejectedFile {
+    /** ファイル */
+    file: File;
+    /** 拒否理由 */
+    reason: string;
+    /** 拒否理由のコード */
+    reasonCode: RejectionReason;
+}
+/**
+ * ファイル追加結果
+ */
+export interface AddFilesResult {
+    /** 追加された画像 */
+    added: ImageItem[];
+    /** 拒否されたファイル */
+    rejected: RejectedFile[];
+}
+/**
+ * ファイルサイズをフォーマット
+ */
+export declare function formatFileSize(bytes: number): string;
+/**
+ * ファイルバリデーション
+ */
+export declare function validateFile(file: File, config: ImageUploaderConfig): ValidationResult;
+/**
+ * 画像アップローダーコンポーネント
+ */
+export declare class ImageUploader {
+    private config;
+    private state;
+    private callbacks;
+    private container;
+    private fileInputRef;
+    constructor(config: ImageUploaderConfig, container: HTMLElement, callbacks?: ImageUploaderCallbacks, initialImages?: ImageItem[]);
+    /**
+     * コンポーネントをレンダリング
+     */
+    render(): void;
+    /**
+     * ファイルを追加
+     */
+    addFiles(files: File[]): AddFilesResult;
+    /**
+     * 画像を削除
+     */
+    removeImage(imageId: string): boolean;
+    /**
+     * 画像を移動
+     */
+    moveImage(imageId: string, direction: 'up' | 'down'): boolean;
+    /**
+     * 画像の順序を変更
+     */
+    reorderImages(imageIds: string[]): void;
+    /**
+     * メイン画像を設定
+     */
+    setMainImage(imageId: string): boolean;
+    /**
+     * アップロード進捗を設定
+     */
+    setUploadProgress(imageId: string, progress: number): void;
+    /**
+     * アップロード状態を設定
+     */
+    setUploadStatus(imageId: string, status: UploadStatus, errorMessage?: string): void;
+    /**
+     * 一括アップロード開始（複数ファイルのアップロードを開始する際に使用）
+     */
+    startBatchUpload(imageIds: string[]): void;
+    /**
+     * アップロードがアクティブかどうかを取得
+     */
+    hasActiveUploads(): boolean;
+    /**
+     * 全画像をクリア
+     */
+    clear(): void;
+    /**
+     * コンポーネントを破棄（リソースを解放）
+     */
+    destroy(): void;
+    /**
+     * 現在の状態を取得
+     */
+    getState(): ImageUploaderState;
+    /**
+     * 値を取得（フォーム送信用）
+     */
+    getValue(): ImageItem[];
+    /**
+     * メイン画像IDを取得
+     */
+    getMainImageId(): string | null;
+    /**
+     * ファイル選択ダイアログを開く
+     */
+    openFileDialog(): void;
+    /**
+     * 初期状態を作成
+     */
+    private createInitialState;
+    /**
+     * ヘッダーをレンダリング
+     */
+    private renderHeader;
+    /**
+     * 画像グリッドをレンダリング
+     */
+    private renderImageGrid;
+    /**
+     * 画像アイテムをレンダリング
+     */
+    private renderImageItem;
+    /**
+     * ドロップゾーンをレンダリング
+     */
+    private renderDropzone;
+    /**
+     * ヒントをレンダリング
+     */
+    private renderHints;
+    /**
+     * 拒否されたファイル一覧をレンダリング
+     */
+    private renderRejectedFiles;
+    /**
+     * 拒否されたファイル一覧をクリア
+     */
+    clearRejectedFiles(): void;
+    /**
+     * ファイル選択ハンドラ
+     */
+    private handleFileSelect;
+    /**
+     * ドラッグオーバーハンドラ
+     */
+    private handleDragOver;
+    /**
+     * ドラッグリーブハンドラ
+     */
+    private handleDragLeave;
+    /**
+     * ドロップハンドラ
+     */
+    private handleDrop;
+}

package/dist/types/renderer/components/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Components Export
+ */
+export { Wizard, type WizardState, type WizardCallbacks } from './wizard';
+export { Repeater, type RepeaterState, type RepeaterItem, type RepeaterCallbacks } from './repeater';
+export { Tabs, type TabsState, type TabsCallbacks, type TabDefinition, type TabsConfig } from './tabs';
+export { DataTable, type DataTableState, type DataTableCallbacks, renderDataTableField } from './data-table';
+export { renderField, type RenderFieldOptions } from './field-renderer';
+export { FormSection, type FormSectionConfig, type FormSectionState, type FormSectionCallbacks, createConfigFromSchema, renderFormSections, renderFormSectionsWithDividers, } from './form-section';
+export { ActionButtonGroup, type ActionButton, type ActionButtonGroupConfig, type ActionButtonGroupState, type ActionButtonGroupCallbacks, type ButtonAlignment, } from './action-buttons';
+export { GoogleMapEmbed, renderGoogleMapEmbedField, isValidGoogleMapsUrl, generateEmbedUrl, extractCoordinates, extractQuery, extractPlaceId, type GoogleMapEmbedState, type GoogleMapEmbedCallbacks, } from './google-map-embed';
+export { SectionNav, type SectionDefinition, type SectionNavState, type SectionNavCallbacks, type SectionNavConfig, } from './section-nav';
+export { DeleteConfirmDialog, type DeleteConfirmDialogConfig, type DeleteConfirmDialogCallbacks, type DeleteConfirmDialogState, type DependencyInfo, } from './delete-confirm-dialog';
+export { Checkbox, createCheckbox, type CheckboxState, type CheckboxCallbacks, type CheckboxConfig, } from './checkbox';
+export { Toggle, createToggle, type ToggleState, type ToggleCallbacks, type ToggleConfig, } from './toggle';
+export { RadioButton, createRadioButton, type RadioButtonState, type RadioButtonCallbacks, type RadioButtonConfig, } from './radio';
+export { Textarea, createTextarea, type TextareaState, type TextareaCallbacks, type TextareaConfig, } from './textarea';
+export { Badge, createBadge, type BadgeState, type BadgeCallbacks, type BadgeConfig, } from './badge';
+export { Chip, createChip, type ChipState, type ChipCallbacks, type ChipConfig, } from './chip';
+export { Select, createSelect, } from './select';
+export { ImageUploader, type ImageItem, type ImageUploaderConfig, type ImageUploaderState, type ImageUploaderCallbacks, type ValidationResult, type RejectedFile, type AddFilesResult, validateFile, formatFileSize, } from './image-uploader';
+export { Heading, createHeading, type HeadingState, type HeadingCallbacks, type HeadingConfig, } from './heading';
+export { Input, createInput, type InputState, type InputCallbacks, type InputConfig, } from './input';
+export { Dropdown, createDropdown, createMenuButton, createFilterDropdown, createSortDropdown, type MenuItem, type ActionMenuItem, type DividerMenuItem, type FilterMenuItem, type SortMenuItem, type DropdownVariant, type DropdownPlacement, type DropdownState, type DropdownCallbacks, type DropdownConfig, } from './dropdown';
+export { Tooltip, createTooltip, type TooltipState, type TooltipCallbacks, type TooltipConfig, type TooltipPosition, } from './tooltip';
+export { Pagination, createPagination, type PaginationState, type PaginationCallbacks, type PaginationConfig, } from './pagination';
+export { AccordionPanel, createAccordionPanel, type AccordionItem, type IconPosition, type HeadingType, type AccordionPanelState, type AccordionPanelCallbacks, type AccordionPanelConfig, } from './accordion-panel';
+export { Stepper, createStepper, type Step, type HorizontalStep, type VerticalStep, type StepperStatus, type StepperStatusWithText, type StepperConfig, type StepperState, type StepperCallbacks, } from './stepper';
+export { StatusLabel, createStatusLabel, type StatusLabelState, type StatusLabelCallbacks, type StatusLabelConfig, type StatusLabelType, type StatusLabelSize, type StatusLabelIconType, } from './status-label';
+export { FloatArea, createFloatArea, type FloatAreaState, type FloatAreaCallbacks, type FloatAreaConfig, type FloatAreaButton, type ResponseMessage as FloatAreaResponseMessage, type ResponseMessageType as FloatAreaResponseMessageType, type FloatAreaPosition, type FloatAreaAlignment, } from './float-area';
+export { Loader, createLoader, type LoaderState, type LoaderCallbacks, type LoaderConfig, } from './loader';
+export { RadioButtonPanel, createRadioButtonPanel, type RadioButtonPanelOption, type RadioButtonPanelState, type RadioButtonPanelCallbacks, type RadioButtonPanelConfig, } from './radio-button-panel';
+export { DefinitionList, createDefinitionList, type DefinitionListItem, type DefinitionListGroup, type DefinitionListState, type DefinitionListCallbacks, type DefinitionListConfig, type TermStyleType, } from './definition-list';
+export { Combobox, type ComboboxOption, type ComboboxConfig, type ComboboxState, type ComboboxCallbacks, } from './combobox';
+export { SegmentedControl, createSegmentedControl, type SegmentedControlOption, type SegmentedControlState, type SegmentedControlCallbacks, type SegmentedControlConfig, } from './segmented-control';
+export { Timeline, createTimeline, type TimelineItemConfig, type TimelineConfig, type TimelineState, type TimelineCallbacks, type TimelineTimeFormat, type TimelineIconType, } from './timeline';
+export { ResponseMessage, createResponseMessage, type ResponseMessageState, type ResponseMessageCallbacks, type ResponseMessageConfig, type ResponseMessageType, } from './response-message';
+export { NotificationBar, NotificationBarStack, createNotificationBar, createNotificationBarStack, type NotificationBarType, type NotificationBarState, type NotificationBarCallbacks, type NotificationBarConfig, type NotificationItem, type NotificationBarStackState, type NotificationBarStackCallbacks, type NotificationBarStackConfig, } from './notification-bar';
+export { Disclosure, createDisclosure, type DisclosureState, type DisclosureCallbacks, type DisclosureConfig, } from './disclosure';
+export { LineClamp, createLineClamp, type MaxLines, type LineClampState, type LineClampCallbacks, type LineClampConfig, } from './line-clamp';
+export { InformationPanel, createInformationPanel, type InformationPanelState, type InformationPanelCallbacks, type InformationPanelConfig, type InformationPanelType, } from './information-panel';
+export { AppNavi, createAppNavi, type AppNaviItem, type AppNaviButtonItem, type AppNaviAnchorItem, type AppNaviDropdownItem, type AppNaviDropdownMenuItem, type AppNaviState, type AppNaviCallbacks, type AppNaviConfig, } from './app-navi';
+export { AppHeader, createAppHeader, type Tenant, type UserInfo, type NavItem, type NavDropdownItem, type AppLauncherItem, type AppHeaderState, type AppHeaderCallbacks, type AppHeaderConfig, } from './app-header';
+export { Browser, createBrowser, type BrowserItem, type BrowserState, type BrowserCallbacks, type BrowserConfig, } from './browser';
+export { Calendar, createCalendar, type CalendarState, type CalendarCallbacks, type CalendarConfig, } from './calendar';
+export { DateRangePicker, createDateRangePicker, getDefaultPresets, type DateRange, type DateRangePreset, type DateRangePickerState, type DateRangePickerCallbacks, type DateRangePickerConfig, } from './date-range-picker';
+export { SearchInput, createSearchInput, type SearchInputState, type SearchInputCallbacks, type SearchInputConfig, type KeyboardShortcut, } from './search-input';
+export { AlertBanner, createAlertBanner, type AlertBannerType, type AlertBannerState, type AlertBannerCallbacks, type AlertBannerConfig, } from './alert-banner';

package/dist/types/renderer/components/information-panel.d.ts

@@ -0,0 +1,139 @@
+/**
+ * InformationPanel Component
+ * 情報パネルコンポーネント
+ *
+ *
+ * - タイプ（info/success/warning/error/sync）
+ * - アイコン表示
+ * - 開閉ボタン（toggleable）
+ * - タイトル付き（必須）
+ * - 太字表示（bold）
+ * - アクセシビリティ対応（ARIA属性）
+ *
+ * @see https://smarthr.design/products/components/information-panel/
+ */
+import type { InputField } from '../../types/schema';
+/**
+ * 情報パネルのタイプ
+ * - info: 一般情報（青）
+ * - success: 成功・完了（緑）
+ * - warning: 警告・注意（黄）
+ * - error: エラー（赤）
+ * - sync: 同期中（灰色）
+ */
+export type InformationPanelType = 'info' | 'success' | 'warning' | 'error' | 'sync';
+/**
+ * 情報パネルの状態
+ */
+export interface InformationPanelState {
+    /** パネルが展開されているか（toggleableの場合） */
+    active: boolean;
+    /** 非表示状態 */
+    hidden: boolean;
+}
+/**
+ * 情報パネルのコールバック
+ */
+export interface InformationPanelCallbacks {
+    /** 開閉ボタンクリック時 */
+    onClickTrigger?: (active: boolean) => void;
+    /** 閉じるボタンクリック時（非toggleable時） */
+    onClose?: () => void;
+}
+/**
+ * 情報パネルの設定
+ */
+export interface InformationPanelConfig {
+    /** パネルのタイトル（必須） */
+    title: string;
+    /** パネルの内容（HTML文字列またはHTMLElement） */
+    content: string | HTMLElement;
+    /** タイプ（デフォルト: info） */
+    type?: InformationPanelType;
+    /** 開閉ボタンを表示するか（デフォルト: false） */
+    toggleable?: boolean;
+    /** 初期展開状態（toggleableの場合、デフォルト: true） */
+    defaultActive?: boolean;
+    /** タイトルを太字にするか（デフォルト: false） */
+    bold?: boolean;
+    /** 閉じるボタンを表示するか（デフォルト: false） */
+    closable?: boolean;
+    /** ID属性 */
+    id?: string;
+    /** カスタムCSSクラス */
+    className?: string;
+}
+/**
+ * 情報パネルコンポーネント
+ */
+export declare class InformationPanel {
+    private config;
+    private state;
+    private callbacks;
+    private container;
+    private instanceId;
+    private contentElement;
+    constructor(container: HTMLElement, config: InformationPanelConfig, callbacks?: InformationPanelCallbacks);
+    /**
+     * 情報パネルをレンダリング
+     */
+    render(): void;
+    /**
+     * パネルを開く
+     */
+    open(): void;
+    /**
+     * パネルを閉じる
+     */
+    close(): void;
+    /**
+     * パネルの開閉を切り替え
+     */
+    toggle(): void;
+    /**
+     * パネルが開いているか確認
+     */
+    isActive(): boolean;
+    /**
+     * パネルを非表示にする
+     */
+    hide(): void;
+    /**
+     * パネルを表示する
+     */
+    show(): void;
+    /**
+     * 現在の状態を取得
+     */
+    getState(): Readonly<InformationPanelState>;
+    /**
+     * タイトルを更新
+     */
+    setTitle(title: string): void;
+    /**
+     * コンテンツを更新
+     */
+    setContent(content: string | HTMLElement): void;
+    /**
+     * タイプを更新
+     */
+    setType(type: InformationPanelType): void;
+    /**
+     * コンポーネントを破棄
+     */
+    destroy(): void;
+    private createInitialState;
+    private renderHeader;
+    private renderIcon;
+    private renderTitle;
+    private renderActions;
+    private renderToggleButton;
+    private renderCloseButton;
+    private renderContent;
+    private updateActiveState;
+    static renderField(field: InputField): string;
+}
+/**
+ * 情報パネルを作成
+ */
+export declare function createInformationPanel(container: HTMLElement, config: InformationPanelConfig, callbacks?: InformationPanelCallbacks): InformationPanel;