mokkun 0.1.5 → 0.1.6

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;

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

@@ -0,0 +1,222 @@
+/**
+ * Input Component
+ * 汎用テキスト入力コンポーネント
+ *
+ * Features:
+ * - Prefix/Suffix support
+ * - Validation display
+ * - Size variants (small/medium/large)
+ * - Input types (text/email/password/number/tel/url)
+ * - Clear button
+ * - Error states
+ */
+import type { TextField, NumberField, DatePickerField, TimePickerField } from '../../types/schema';
+/**
+ * 入力の状態
+ */
+export interface InputState {
+    /** 現在の値 */
+    value: string;
+    /** 無効化状態 */
+    disabled: boolean;
+    /** 読み取り専用状態 */
+    readonly: boolean;
+    /** エラー状態 */
+    error: boolean;
+    /** エラーメッセージ */
+    errorMessage?: string;
+    /** フォーカス状態 */
+    focused: boolean;
+}
+/**
+ * 入力のコールバック
+ */
+export interface InputCallbacks {
+    /** 値変更時 */
+    onChange?: (value: string, state: InputState) => void;
+    /** フォーカス時 */
+    onFocus?: (state: InputState) => void;
+    /** ブラー時 */
+    onBlur?: (state: InputState) => void;
+    /** クリアボタン押下時 */
+    onClear?: (state: InputState) => void;
+    /** Enter キー押下時 */
+    onEnter?: (value: string, state: InputState) => void;
+}
+/**
+ * 入力の設定
+ */
+export interface InputConfig {
+    /** 初期値 */
+    defaultValue?: string;
+    /** プレースホルダー */
+    placeholder?: string;
+    /** 無効化 */
+    disabled?: boolean;
+    /** 読み取り専用 */
+    readonly?: boolean;
+    /** 必須 */
+    required?: boolean;
+    /** サイズ */
+    size?: 'small' | 'medium' | 'large';
+    /** 入力タイプ */
+    type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    /** name属性（フォーム用） */
+    name?: string;
+    /** プレフィックス（アイコンやテキスト） */
+    prefix?: string | HTMLElement;
+    /** サフィックス（アイコンやテキスト） */
+    suffix?: string | HTMLElement;
+    /** クリアボタン表示 */
+    clearable?: boolean;
+    /** 自動フォーカス */
+    autoFocus?: boolean;
+    /** オートコンプリート */
+    autoComplete?: string;
+    /** エラーメッセージ（初期値） */
+    errorMessage?: string;
+    /** aria-label */
+    ariaLabel?: string;
+    /** aria-describedby */
+    ariaDescribedBy?: string;
+}
+/**
+ * 入力コンポーネント
+ */
+export declare class Input {
+    private config;
+    private state;
+    private callbacks;
+    private container;
+    private instanceId;
+    private inputElement;
+    constructor(container: HTMLElement, config?: InputConfig, callbacks?: InputCallbacks);
+    /**
+     * 入力フィールドをレンダリング
+     */
+    render(): void;
+    /**
+     * 値を設定
+     */
+    setValue(value: string): void;
+    /**
+     * 値を取得
+     */
+    getValue(): string;
+    /**
+     * エラー状態を設定
+     */
+    setError(error: boolean, errorMessage?: string): void;
+    /**
+     * 無効化状態を設定
+     */
+    setDisabled(disabled: boolean): void;
+    /**
+     * 読み取り専用状態を設定
+     */
+    setReadonly(readonly: boolean): void;
+    /**
+     * フォーカス
+     */
+    focus(): void;
+    /**
+     * ブラー
+     */
+    blur(): void;
+    /**
+     * クリア
+     */
+    clear(): void;
+    /**
+     * 状態を取得
+     */
+    getState(): InputState;
+    /**
+     * 破棄
+     */
+    destroy(): void;
+    /**
+     * 初期状態を作成
+     */
+    private createInitialState;
+    /**
+     * data-state属性の値を取得
+     */
+    private getDataState;
+    /**
+     * 入力グループをレンダリング
+     */
+    private renderInputGroup;
+    /**
+     * 入力フィールドをレンダリング
+     */
+    private renderInput;
+    /**
+     * Prefix/Suffixをレンダリング
+     */
+    private renderAffix;
+    /**
+     * クリアボタンをレンダリング
+     */
+    private renderClearButton;
+    /**
+     * エラーメッセージをレンダリング
+     */
+    private renderError;
+    /**
+     * 入力イベント
+     */
+    private handleInput;
+    /**
+     * クリアボタンの表示/非表示を更新（フォーカスを失わないように部分更新）
+     */
+    private updateClearButton;
+    /**
+     * フォーカスイベント
+     */
+    private handleFocus;
+    /**
+     * ブラーイベント
+     */
+    private handleBlur;
+    /**
+     * キーダウンイベント
+     */
+    private handleKeyDown;
+    /**
+     * クリアイベント
+     */
+    private handleClear;
+    /**
+     * 入力フィールドをHTMLとしてレンダリング（静的メソッド）
+     * SSR/初期レンダリング用
+     *
+     * @param field - 入力フィールド定義（text, number, date_picker, time_picker）
+     * @returns 生成されたHTML文字列
+     */
+    static renderField(field: TextField | NumberField | DatePickerField | TimePickerField): string;
+    /**
+     * テキストフィールドをHTMLとしてレンダリング（静的メソッド）
+     * @internal renderFieldから呼び出される内部メソッド
+     */
+    private static renderTextField;
+    /**
+     * 数値フィールドをHTMLとしてレンダリング（静的メソッド）
+     * @internal renderFieldから呼び出される内部メソッド
+     */
+    private static renderNumberField;
+    /**
+     * 日付選択フィールドをHTMLとしてレンダリング（静的メソッド）
+     * @internal renderFieldから呼び出される内部メソッド
+     */
+    private static renderDatePickerField;
+    /**
+     * 時間選択フィールドをHTMLとしてレンダリング（静的メソッド）
+     * @internal renderFieldから呼び出される内部メソッド
+     */
+    private static renderTimePickerField;
+}
+/**
+ * 入力コンポーネントを作成
+ */
+export declare function createInput(container: HTMLElement, config?: InputConfig, callbacks?: InputCallbacks): Input;