@aiquants/resize-panels 1.9.0 → 2.0.1

package/dist/types.d.ts

@@ -1,377 +1,183 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * Pixel threshold used to decide when panels snap closed or open.
- * パネルのスナップ判定に利用するピクセル閾値。
- */
+import { CSSProperties, HTMLAttributes, ReactNode } from "react";
 export declare const PANEL_SNAP_THRESHOLD = 12;
-/**
- * Default thickness in pixels for the resize handle interactive area.
- * リサイズハンドルのインタラクティブ領域のデフォルト厚み (px)。
- */
+export declare const PANEL_ALLOCATION_EPSILON = 0.000001;
 export declare const PANEL_HANDLE_THICKNESS = 8;
-/**
- * Default thickness in pixels for the visual indicator wrapper.
- * 視覚インジケーター外枠のデフォルト厚み (px)。
- */
 export declare const PANEL_INDICATOR_THICKNESS = 6;
-/**
- * Default length in pixels for the visual indicator wrapper in horizontal layout.
- * 水平レイアウトにおける視覚インジケーター外枠のデフォルト長さ (px)。
- */
 export declare const PANEL_INDICATOR_LENGTH_HORIZONTAL = 48;
-/**
- * Default length in pixels for the visual indicator wrapper in vertical layout.
- * 垂直レイアウトにおける視覚インジケーター外枠のデフォルト長さ (px)。
- */
 export declare const PANEL_INDICATOR_LENGTH_VERTICAL = 80;
-/**
- * Default thickness in pixels for the inner bar inside the visual indicator.
- * 視覚インジケーター内部バーのデフォルト厚み (px)。
- */
 export declare const PANEL_INDICATOR_BAR_THICKNESS = 2;
-/**
- * Default length in pixels for the inner bar inside the visual indicator in horizontal layout.
- * 水平レイアウトにおける視覚インジケーター内部バーのデフォルト長さ (px)。
- */
 export declare const PANEL_INDICATOR_BAR_LENGTH_HORIZONTAL = 32;
-/**
- * Default length in pixels for the inner bar inside the visual indicator in vertical layout.
- * 垂直レイアウトにおける視覚インジケーター内部バーのデフォルト長さ (px)。
- */
 export declare const PANEL_INDICATOR_BAR_LENGTH_VERTICAL = 64;
-/**
- * Spacing in pixels between visual indicator dots in the handle.
- * ハンドル内の視覚インジケーター点同士のピクセル間隔。
- */
 export declare const PANEL_VISIBLE_INDICATOR_SPACING = 8;
-/**
- * Pointer move throttling interval in milliseconds during dragging.
- * ドラッグ中のポインタ移動を間引くミリ秒単位の間隔。
- */
 export declare const PANEL_HANDLE_DRAG_THROTTLE_MS = 8;
-/**
- * Pixel step applied per arrow-key press when resizing with the keyboard.
- * キーボード (矢印キー) リサイズで 1 押下ごとに適用するピクセル量。
- */
 export declare const PANEL_KEYBOARD_RESIZE_STEP = 10;
-/**
- * Ratio of container size used when determining collapse thresholds.
- * 折りたたみ閾値を決定する際に使用するコンテナサイズ比率。
- */
 export declare const PANEL_COLLAPSE_THRESHOLD_RATIO = 0.05;
-/**
- * Maximum pixel value considered when collapsing panels.
- * パネルを折りたたむ際に考慮するピクセル上限値。
- */
 export declare const PANEL_COLLAPSE_THRESHOLD_MAX = 10;
-/**
- * Ratio of container size required to expand a collapsed panel.
- * 折りたたまれたパネルを展開するために必要なコンテナサイズ比率。
- */
 export declare const PANEL_EXPAND_THRESHOLD_RATIO = 0.05;
-/**
- * Maximum pixel threshold used when expanding panels.
- * パネルを展開する際に用いるピクセル閾値の上限。
- */
 export declare const PANEL_EXPAND_THRESHOLD_MAX = 20;
-/**
- * Minimum thickness required for a handle to be treated as visible.
- * ハンドルが可視と判断されるために必要な最小厚み。
- */
 export declare const PANEL_HANDLE_VISIBILITY_THRESHOLD = 0.05;
-/**
- * Retry intervals in milliseconds when awaiting layout stabilization.
- * レイアウトの安定化を待機するときに使用するミリ秒単位の再試行間隔。
- */
-export declare const PANEL_RESIZE_RETRY_INTERVALS: readonly [10, 50, 100, 200, 300, 500, 800];
-/**
- * Tolerance used to decide whether pixel-based panel adjustments are significant.
- * ピクセル基準パネルの補正を有効とみなすための誤差許容値。
- */
-export declare const PANEL_PIXEL_MUTATION_TOLERANCE = 0;
-/**
- * Minimum pixel threshold used when clamping snap calculations.
- * スナップ計算を補正する際に用いる最小ピクセル閾値。
- */
-export declare const PANEL_MIN_SNAP_THRESHOLD = 0;
-/**
- * Layout direction of panels
- * パネルのレイアウト方向
- */
 export type PanelDirection = "horizontal" | "vertical";
-/**
- * Size unit types for panels
- * パネルのサイズ単位タイプ
- */
 export type SizeUnit = "percentage" | "pixels";
-/**
- * Size configuration with value and unit
- * 値と単位を持つサイズ設定
- */
 export type SizeConfig = {
     value: number;
     unit: SizeUnit;
 };
-/**
- * Flexible size that can be defined in pixels or as a percentage
- * ピクセルまたはパーセンテージで定義できる柔軟なサイズ
- */
 export type FlexibleSize = SizeConfig | number;
-/**
- * Container size dimensions
- * コンテナサイズの寸法
- */
 export type ContainerSize = {
     width: number;
     height: number;
 };
-/**
- * Direction from which collapsible panels may close.
- * パネルを折りたためる方向を表す列挙値。
- */
 export type PanelCollapseDirection = "start" | "end";
-/**
- * Directional options accepted by the collapsible configuration.
- * 折りたたみ設定が受け付ける方向指定値。
- */
 export type CollapsibleDirection = PanelCollapseDirection | "both";
-/**
- * Configuration object describing how a panel collapses.
- * パネルの折りたたみ方を表す設定オブジェクト。
- */
 export type CollapsibleConfig = {
     from: CollapsibleDirection;
 };
-/**
- * Axis-aligned container measurement including inner (borderless) and outer dimensions.
- * 枠線控除後と控除前の両方の寸法を含む軸方向コンテナ計測値。
- */
 export type ContainerAxisMeasurement = {
-    inner: number;
-    outer: number;
+    content: number;
+    border: number;
 };
-/**
- * Reason code for layout constraint violations.
- * レイアウト制約違反の理由コード。
- */
 export type LayoutConstraintViolationReason = "minimum-exceeded" | "maximum-insufficient";
-/**
- * Snapshot describing when panel constraints conflict with the container size.
- * パネル制約とコンテナサイズが矛盾した際のスナップショット。
- */
 export type LayoutConstraintViolation = {
     reason: LayoutConstraintViolationReason;
-    totalMinimumSize: number | null;
-    totalMaximumSize: number | null;
+    totalMinimumSize: number;
+    totalMaximumSize: number;
     availableContainerSize: number;
 };
-/**
- * Layout data for a single panel
- * 単一パネルのレイアウトデータ
- */
 export interface PanelLayoutData {
     id: string;
-    size: number;
-    percentageSize?: number;
-    preferredPercentageSize?: number;
-    preferredPixelSize?: number;
     sizeUnit: SizeUnit;
-    originalPixelSize?: number;
+    size: number;
+    preferredPercentageSize: number;
+    preferredPixelSize: number;
     minSize?: FlexibleSize;
     maxSize?: FlexibleSize;
-    autoMinSize?: FlexibleSize;
     collapseFromStart: boolean;
     collapseFromEnd: boolean;
-    collapsedByDirection?: PanelCollapseDirection | null;
-    /**
-     * Skip automatic growth for flexible panels that were manually reduced to a zero footprint.
-     * 手動でゼロ相当まで縮めた柔軟パネルを自動拡張対象から外すフラグ。
-     */
-    excludeFromAutoGrowth?: boolean;
-    collapsed?: boolean;
-    sizeBeforeCollapse?: number;
-    percentageSizeBeforeCollapse?: number;
-    preferredPercentageSizeBeforeCollapse?: number;
-    preferredPixelSizeBeforeCollapse?: number;
+    collapsed: boolean;
+    collapsedByDirection: PanelCollapseDirection | null;
+    preferenceBeforeCollapse: number;
+    authoredPreference: number;
     pixelAdjustPriority?: number;
     flexAdjustPriority?: number;
-    measuredPixelSize?: number;
-    measuredPercentageSize?: number;
-    measuredPixelSizeBeforeCollapse?: number;
 }
-/**
- * Props for the Panel component
- * Panel コンポーネントのプロパティ
- */
-export interface PanelProps {
+export interface PanelGroupLayoutState {
+    containerSize: number;
+    panels: PanelLayoutData[];
+    violation: LayoutConstraintViolation | null;
+}
+export type PanelRegistration = Omit<PanelLayoutData, "size" | "collapsedByDirection" | "preferenceBeforeCollapse" | "authoredPreference">;
+export type PersistedPanelSize = {
+    id: string;
+    size: number;
+    collapsed: boolean;
+};
+export type PanelAction = {
+    type: "SET_CONTAINER_SIZE";
+    containerSize: number;
+} | {
+    type: "REGISTER_PANEL";
+    panel: PanelRegistration;
+} | {
+    type: "UNREGISTER_PANEL";
+    id: string;
+} | {
+    type: "REORDER_PANELS";
+    ids: string[];
+} | {
+    type: "RESIZE_PANELS";
+    startId: string;
+    endId: string;
+    startSize: number;
+} | {
+    type: "COLLAPSE_PANEL";
+    id: string;
+    from: PanelCollapseDirection;
+} | {
+    type: "EXPAND_PANEL";
+    id: string;
+    from: PanelCollapseDirection;
+    targetSize?: number;
+} | {
+    type: "RESTORE_LAYOUT";
+    entries: PersistedPanelSize[];
+};
+export interface PanelProps extends Omit<HTMLAttributes<HTMLDivElement>, "id" | "children" | "className" | "style" | "aria-hidden"> {
     id?: string;
     defaultSize?: FlexibleSize;
     minSize?: FlexibleSize;
     maxSize?: FlexibleSize;
-    autoMinSize?: FlexibleSize;
     className?: string;
     style?: CSSProperties;
     children?: ReactNode;
-    order?: number;
     collapsible?: CollapsibleConfig;
     defaultCollapsed?: boolean;
     pixelAdjustPriority?: number;
     flexAdjustPriority?: number;
     contentOverflow?: CSSProperties["overflow"];
 }
-/**
- * Props for the PanelGroup component
- * PanelGroup コンポーネントのプロパティ
- */
-export interface PanelGroupProps {
+export interface PanelGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "id" | "children" | "className" | "style"> {
     id?: string;
     direction: PanelDirection;
-    storageKey?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     children?: ReactNode;
     showDebugInfo?: boolean;
     onLayout?: (panelSizes: number[]) => void;
     autoSaveId?: string;
 }
-/**
- * Value provided by the PanelGroupContext
- * PanelGroupContext によって提供される値
- */
 export interface PanelGroupContextValue {
     direction: PanelDirection;
-    registerPanel: (panel: PanelLayoutData) => void;
+    registerPanel: (panel: PanelRegistration) => void;
     unregisterPanel: (id: string) => void;
     getPanel: (id: string) => PanelLayoutData | undefined;
     panels: PanelLayoutData[];
-    isContainerReady: boolean;
+    containerSize: number;
+    layoutOrderKey: string;
     showDebugInfo: boolean;
-    resizePanels: (leftId: string, rightId: string, leftSize: number, rightSize: number) => void;
+    resizePanels: (startId: string, endId: string, startSize: number) => void;
     collapsePanel: (id: string, from: PanelCollapseDirection) => void;
     expandPanel: (id: string, from: PanelCollapseDirection, targetSize?: number) => void;
-    containerSize: ContainerSize;
     reportPanelMeasurement: (id: string, measurement: PanelMeasurement | null) => void;
     panelMeasurements: Record<string, PanelMeasurement>;
     reportHandleMeasurement: (id: string, measurement: ResizeHandleLayoutData | null) => void;
     handleMeasurements: Record<string, ResizeHandleLayoutData>;
     layoutConstraintViolation: LayoutConstraintViolation | null;
 }
-/**
- * Visual indicator configuration options for PanelResizeHandle.
- * PanelResizeHandle の視覚インジケーターに関する設定オプション。
- */
 export interface PanelResizeHandleIndicatorConfig {
-    /**
-     * Primary axis thickness of the indicator pill in pixels.
-     * (Horizontal: width, Vertical: height)
-     * インジケーター外枠の主軸方向の厚み (px)。(水平: 幅, 垂直: 高さ)
-     * @default 6
-     */
     thickness?: number;
-    /**
-     * Cross axis length of the indicator pill in pixels.
-     * (Horizontal: height, Vertical: width)
-     * インジケーター外枠の交差軸方向の長さ (px)。(水平: 高さ, 垂直: 幅)
-     * @default horizontal ? 48 : 80
-     */
     length?: number;
-    /**
-     * Primary axis thickness of the inner bar in pixels.
-     * インジケーター内部バーの主軸方向の厚み (px)。
-     * @default 2
-     */
     barThickness?: number;
-    /**
-     * Cross axis length of the inner bar in pixels.
-     * インジケーター内部バーの交差軸方向の長さ (px)。
-     * @default horizontal ? 32 : 64
-     */
     barLength?: number;
-    /**
-     * Whether the indicator is visible.
-     * インジケーターを表示するかどうかの指定。
-     * @default true
-     */
     visible?: boolean;
-    /**
-     * Additional CSS class name for the indicator wrapper.
-     * インジケーター外枠に付与する追加 CSS クラス名。
-     */
     className?: string;
-    /**
-     * Additional CSS class name for the inner bar.
-     * インジケーター内部バーに付与する追加 CSS クラス名。
-     */
     barClassName?: string;
 }
-/**
- * Props for the PanelResizeHandle component
- * PanelResizeHandle コンポーネントのプロパティ
- */
-export interface PanelResizeHandleProps {
+type OwnedSeparatorAria = "role" | "aria-orientation" | "aria-valuenow" | "aria-valuemin" | "aria-valuemax" | "aria-disabled" | "aria-hidden";
+export interface PanelResizeHandleProps extends Omit<HTMLAttributes<HTMLButtonElement>, "id" | "children" | "className" | "style" | "title" | OwnedSeparatorAria> {
     id?: string;
     disabled?: boolean;
     onDragging?: (isDragging: boolean) => void;
     className?: string;
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     children?: ReactNode;
-    /**
-     * Primary axis thickness of the handle's interactive area in pixels.
-     * (Horizontal: width, Vertical: height)
-     * リサイズハンドルの操作領域 (ヒットエリア) の厚み (px)。(水平: 幅, 垂直: 高さ)
-     * @default PANEL_HANDLE_THICKNESS (8)
-     */
     thickness?: number;
-    /**
-     * Configuration for the visual indicator, or boolean to toggle visibility.
-     * 視覚インジケーターの設定オブジェクト、または表示/非表示の真偽値。
-     * @default true
-     */
     indicator?: boolean | PanelResizeHandleIndicatorConfig;
-    /**
-     * Shorthand for indicator wrapper thickness in pixels.
-     * インジケーター外枠厚み (px) のショートハンド。
-     */
     indicatorThickness?: number;
-    /**
-     * Shorthand for indicator wrapper length in pixels.
-     * インジケーター外枠長さ (px) のショートハンド。
-     */
     indicatorLength?: number;
-    /**
-     * Shorthand for indicator inner bar thickness in pixels.
-     * インジケーター内部バー厚み (px) のショートハンド。
-     */
     indicatorBarThickness?: number;
-    /**
-     * Shorthand for indicator inner bar length in pixels.
-     * インジケーター内部バー長さ (px) のショートハンド。
-     */
     indicatorBarLength?: number;
-    /**
-     * Custom tooltip text for the handle element.
-     * ハンドル要素のカスタムツールチップテキスト。
-     */
     title?: string;
 }
-/**
- * Observed pixel and percentage measurements for a registered panel.
- * 登録済みパネルの実測ピクセル寸法およびパーセンテージ寸法。
- */
 export interface PanelMeasurement {
     pixelSize: number;
     percentageSize: number;
 }
-/**
- * Layout data for a resize handle (divider) within a panel group.
- * パネルグループ内のリサイズハンドル(ディバイダー)に関するレイアウトデータ。
- */
 export interface ResizeHandleLayoutData {
     id: string;
     thickness: number;
     direction: PanelDirection;
     visible: boolean;
-    startPanelId?: string | null;
-    endPanelId?: string | null;
+    startPanelId: string | null;
+    endPanelId: string | null;
 }
-//# sourceMappingURL=types.d.ts.map
+export {};

package/dist/utils/simple-logger.d.ts

@@ -1,13 +1,3 @@
-/**
- * @module utils/logger
- * @description Logger utility for consistent log management across the application.
- * @description アプリケーション全体で一貫したログ管理を行うためのロガーユーティリティ。
- */
-/**
- * @enum LogLevel
- * @description Log levels for filtering output.
- * @description 出力をフィルタリングするためのログレベル。
- */
 export declare enum LogLevel {
     DEBUG = 0,
     INFO = 1,
@@ -15,88 +5,25 @@ export declare enum LogLevel {
     ERROR = 3,
     NONE = 4
 }
-/**
- * @interface ILogger
- * @description Interface for a logger object compatible with Console.
- * @description Console と互換性のあるロガーオブジェクトのインターフェース。
- */
 export interface ILogger {
     debug(message?: unknown, ...optionalParams: unknown[]): void;
     info(message?: unknown, ...optionalParams: unknown[]): void;
     warn(message?: unknown, ...optionalParams: unknown[]): void;
     error(message?: unknown, ...optionalParams: unknown[]): void;
 }
-/**
- * @class Logger
- * @description A wrapper class for handling logging with levels and prefixes.
- * @description レベルとプレフィックスを使用したログ記録を処理するためのラッパークラス。
- */
 export declare class Logger implements ILogger {
     private level;
     private prefix;
     private impl;
-    /**
-     * Registry of all constructed loggers so the static configuration API can reach them.
-     * static 設定 API が全ロガーへ到達できるようにするための生成済みインスタンスの登録簿。
-     */
     private static readonly instances;
-    /**
-     * @constructor
-     * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
-     * @param {string} [prefix="[resize-panels]"] - The prefix to add to all log messages.
-     * @param {ILogger} [impl=console] - The implementation to use for logging.
-     */
     constructor(level?: LogLevel, prefix?: string, impl?: ILogger);
     private static instance;
-    /**
-     * @method setLevel
-     * @description Updates the log level for every constructed logger (module-level loggers included).
-     * @description 生成済みのすべてのロガー (モジュールレベルのロガーを含む) のログレベルを更新します。
-     * @param {LogLevel} level - The new log level.
-     */
     static setLevel(level: LogLevel): void;
-    /**
-     * @method setLevel
-     * @description Updates the current log level.
-     * @description 現在のログレベルを更新します。
-     * @param {LogLevel} level - The new log level.
-     */
     setLevel(level: LogLevel): void;
-    /**
-     * @method setImplementation
-     * @description Updates the logger implementation for every constructed logger.
-     * @description 生成済みのすべてのロガーの実装を更新します。
-     * @param {ILogger} impl - The new logger implementation.
-     */
     static setImplementation(impl: ILogger): void;
-    /**
-     * @method setImplementation
-     * @description Updates the logger implementation.
-     * @description ロガーの実装を更新します。
-     * @param {ILogger} impl - The new logger implementation.
-     */
     setImplementation(impl: ILogger): void;
-    /**
-     * @method setPrefix
-     * @description Updates the log prefix for every constructed logger.
-     * @description 生成済みのすべてのロガーのログのプレフィックスを更新します。
-     * @param {string} prefix - The new prefix.
-     */
     static setPrefix(prefix: string): void;
-    /**
-     * @method setPrefix
-     * @description Updates the log prefix.
-     * @description ログのプレフィックスを更新します。
-     * @param {string} prefix - The new prefix.
-     */
     setPrefix(prefix: string): void;
-    /**
-     * @method enabledFor
-     * @description Returns whether messages at the given level would be emitted.
-     * @description 指定レベルのメッセージが出力対象かどうかを返します。
-     * 高コストなログ引数 (スナップショット等) の組み立てを抑制中に省略するために使用します。
-     * @param {LogLevel} level - The message level to test.
-     */
     enabledFor(level: LogLevel): boolean;
     private formatMessage;
     static debug(message?: unknown, ...optionalParams: unknown[]): void;
@@ -108,4 +35,3 @@ export declare class Logger implements ILogger {
     static error(message?: unknown, ...optionalParams: unknown[]): void;
     error(message?: unknown, ...optionalParams: unknown[]): void;
 }
-//# sourceMappingURL=simple-logger.d.ts.map

package/dist/utils.d.ts

@@ -1,61 +1,16 @@
-import { ContainerAxisMeasurement, FlexibleSize, PanelDirection, PanelLayoutData, SizeConfig, SizeUnit } from './types';
-/**
- * Number of significant fractional digits to preserve when rounding percentage-based sizes.
- * パーセンテージサイズの丸めで保持する有効小数桁数。
- */
+import { ContainerAxisMeasurement, FlexibleSize, PanelDirection, PersistedPanelSize, SizeConfig, SizeUnit } from "./types";
 export declare const PERCENTAGE_DIGITS = 6;
-/**
- * Convert a pixel measurement to a percentage of the container using banker’s rounding.
- * ピクセル寸法をバンカーズラウンディングでコンテナ比率のパーセンテージへ変換する。
- */
 export declare const toRoundedPercentage: (size: number, base: number) => number;
-/**
- * Translate a percentage-based size back into pixels relative to the container.
- * パーセンテージ指定のサイズをコンテナ基準のピクセル値へ変換する。
- */
-export declare const percentageToPixels: (percentage: number | undefined, base: number) => number;
-/**
- * Normalize a flexible size into a size configuration object.
- * 柔軟なサイズ指定をサイズ設定オブジェクトへ正規化する。
- */
+export declare const percentageToPixels: (percentage: number, base: number) => number;
 export declare const normalizeSizeConfig: (size: FlexibleSize | undefined, defaultUnit?: SizeUnit) => SizeConfig | undefined;
-/**
- * Convert flexible size constraints into pixel values based on container size.
- * 柔軟サイズ制約をコンテナサイズ基準のピクセル値へ変換する。
- */
 export declare const getConstraintInPixels: (size: FlexibleSize | undefined, defaultValue: number, containerSize: number) => number;
-/**
- * Clamp a numeric value between the provided bounds.
- * 数値を指定した範囲に収めるためのクリッピング処理。
- */
 export declare const clamp: (value: number, min: number, max: number) => number;
-/**
- * Derive a snap-to-zero threshold from the container axis length using shared heuristics.
- * 共通ヒューリスティクスに基づきコンテナ軸長からゼロスナップ閾値を算出する。
- */
 export declare const calculateSnapThreshold: (axisSize: number) => number;
-/**
- * Adjust pixel-based panels in priority order to absorb remaining space.
- * 残余スペースを吸収するためにピクセル基準パネルを優先度順に調整する。
- */
-type AdjustPixelOptions = {
-    enforceAutoMinSize?: boolean;
-};
-export declare const adjustPixelPanelsByPriority: (panels: PanelLayoutData[], sizeDiff: number, containerSize: number, options?: AdjustPixelOptions) => number;
-/**
- * Measure container size in a given direction, returning inner (borderless) and outer dimensions.
- * 指定方向で枠線控除後と控除前の両方の寸法を測定して返す。
- */
-export declare const getContainerSize: (element: HTMLElement, direction: PanelDirection) => ContainerAxisMeasurement;
-/**
- * Persist panel layout sizes to local storage.
- * パネルレイアウトのサイズをローカルストレージへ保存する。
- */
-export declare const saveLayout: (id: string, sizes: number[]) => void;
-/**
- * Restore panel layout sizes from local storage.
- * パネルレイアウトのサイズをローカルストレージから復元する。
- */
-export declare const loadLayout: (id: string) => number[] | null;
-export {};
-//# sourceMappingURL=utils.d.ts.map
+export declare const getContainerSize: (element: HTMLElement, direction: PanelDirection, entry?: ResizeObserverEntry) => ContainerAxisMeasurement;
+export declare const LAYOUT_ELEMENT_SELECTOR = "[data-panel-id], [data-resize-handle-anchor]";
+export declare const findOwningGroup: (element: HTMLElement | null | undefined) => HTMLElement | null;
+export declare const getGroupLayoutElements: (group: HTMLElement) => HTMLElement[];
+export declare const touchesLayoutElements: (records: ReadonlyArray<MutationRecord>) => boolean;
+export declare const getVisualScale: (element: HTMLElement, direction: PanelDirection) => number;
+export declare const saveLayout: (id: string, entries: PersistedPanelSize[]) => void;
+export declare const loadLayout: (id: string) => PersistedPanelSize[] | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiquants/resize-panels",
-  "version": "1.9.0",
+  "version": "2.0.1",
   "description": "Reusable resizable panel components and utilities for React",
   "sideEffects": [
     "**/*.css"
@@ -34,7 +34,6 @@
   },
   "files": [
     "dist",
-    "src",
     "README.md",
     "LICENSE"
   ],
@@ -69,7 +68,7 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run clean && vite build && pnpm run build:css",
+    "build": "pnpm run clean && vite build && pnpm run build:css && node ../../.config/scripts/strip-dts-comments.mjs dist",
     "build:css": "tailwindcss -i src/styles/components.entry.css -o dist/styles/resize-panels.css --minify && tailwindcss -i src/styles/standalone.entry.css -o dist/styles/resize-panels.standalone.css --minify",
     "dev": "vite build --watch",
     "watch": "vite build --watch",

package/dist/GlobalDebugOverlay-sEQN6exo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("react"),R=require("react-dom"),x=require("./debugOverlayStore-Dkl-fHoa.cjs"),P=require("./index-DssZUxGw.cjs"),o=(n,r)=>typeof n!="number"||!Number.isFinite(n)?"—":`${(n<0?0:n).toFixed(8)}${r}`,T={position:"fixed",left:"50%",bottom:"20px",transform:"translate(-50%, 0)",zIndex:100,maxWidth:"min(90vw, 1120px)",width:"100%",borderRadius:"14px",backgroundColor:"rgba(15, 23, 42, 0.72)",color:"#e2e8f0",fontFamily:"monospace",fontSize:"11px",lineHeight:1.6,boxShadow:"0 22px 45px rgba(15,23,42,0.45)",border:"1px solid rgba(148, 163, 184, 0.22)",backdropFilter:"blur(10px)",WebkitBackdropFilter:"blur(10px)",pointerEvents:"auto",overflow:"auto"},Y={display:"flex",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:"12px"},w={display:"flex",flexDirection:"column",gap:"4px"},D={padding:"6px 10px",borderRadius:"9999px",border:"1px solid rgba(148, 163, 184, 0.35)",color:"#e2e8f0",fontWeight:600,fontSize:"10px",letterSpacing:"0.03em",textTransform:"uppercase",cursor:"pointer",transition:"background-color 0.18s ease, border-color 0.18s ease"},C={padding:"10px 12px",borderRadius:"10px",backgroundColor:"rgba(30, 41, 59, 0.55)",border:"1px solid rgba(148, 163, 184, 0.18)",display:"flex",flexDirection:"column",gap:"10px"},N={padding:"8px 10px",borderRadius:"8px",backgroundColor:"rgba(15, 23, 42, 0.55)",border:"1px solid rgba(148, 163, 184, 0.16)",display:"flex",flexDirection:"column",gap:"4px"},p={display:"flex",justifyContent:"space-between",alignItems:"center",gap:"6px"},k={display:"grid",gridTemplateColumns:"auto 1fr",gap:"2px 10px",color:"#e2e8f0"},G={padding:"2px 6px",borderRadius:"9999px",fontSize:"10px",textTransform:"uppercase"},I=({groupId:n})=>x.useDebugOverlayOwnerId()!==n?null:e.jsx(u,{}),u=()=>{const r=x.useDebugOverlaySnapshot().groups,[t,g]=A.useState(!0);if(r.length===0||typeof document>"u")return null;const b=r.reduce((i,a)=>i+a.panels.length,0),h=r.reduce((i,a)=>i+(a.handles?.length??0),0),m=()=>g(i=>!i),f=e.jsxs("div",{style:{...T,padding:t?"10px 18px":"14px 18px",maxHeight:t?"52px":"min(65vh, 520px)",transition:"max-height 0.24s ease, padding 0.24s ease"},children:[e.jsxs("div",{style:{...Y,marginBottom:t?0:"12px"},children:[e.jsxs("div",{style:w,children:[e.jsx("span",{style:{fontWeight:700,fontSize:"12px",letterSpacing:"0.03em"},children:"Panel Overview"}),e.jsxs("span",{style:{color:"#cbd5f5"},children:["groups: ",r.length," / panels: ",b," / resizers: ",h]})]}),e.jsx("button",{type:"button",onClick:m,style:{...D,backgroundColor:t?"rgba(59, 130, 246, 0.2)":"rgba(71, 85, 105, 0.45)"},title:t?"Panel Overview を開く":"Panel Overview を閉じる",children:t?"開く":"閉じる"})]}),!t&&e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"12px",maxHeight:"45vh",overflowY:"auto",paddingRight:"6px"},children:r.map((i,a)=>{const l=i.direction==="horizontal"?i.containerSize.width:i.containerSize.height;return e.jsxs("div",{style:C,children:[e.jsxs("div",{style:{...p,flexWrap:"wrap",gap:"10px",color:"#dbeafe"},children:[e.jsxs("span",{style:{fontWeight:600,fontSize:"11px",letterSpacing:"0.02em",textTransform:"uppercase"},children:["group ",a+1,": ",i.displayName]}),e.jsxs("span",{children:["direction: ",i.direction," / container: ",o(i.containerSize.width,"px")," × ",o(i.containerSize.height,"px")]})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"10px"},children:i.panels.map((s,y)=>{const d=s.measuredPixelSize??s.size,S=s.size,j=o(S,"px"),v=s.percentageSize??(l>0?s.size/l*100:void 0),O=s.measuredPercentageSize!==void 0?s.measuredPercentageSize:l>0?d/l*100:void 0,c=s.collapsed||d<=P.PANEL_SNAP_THRESHOLD,E=s.collapsed?"collapsed":c?"hidden":"visible",z=o(v,"%"),L=o(O,"%"),_=o(d,"px");return e.jsxs("div",{style:N,children:[e.jsxs("div",{style:p,children:[e.jsx("span",{style:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},children:s.id}),e.jsx("span",{style:{...G,backgroundColor:s.collapsed?"rgba(251, 113, 133, 0.25)":c?"rgba(250, 204, 21, 0.25)":"rgba(74, 222, 128, 0.25)",color:s.collapsed?"#fecdd3":c?"#fef08a":"#bbf7d0"},children:E})]}),e.jsxs("div",{style:k,children:[e.jsx("span",{children:"size (state):"}),e.jsx("span",{children:j}),e.jsx("span",{children:"size (measured):"}),e.jsx("span",{children:_}),e.jsx("span",{children:"percentage (state):"}),e.jsx("span",{children:z}),e.jsx("span",{children:"percentage (measured):"}),e.jsx("span",{children:L}),e.jsx("span",{children:"unit:"}),e.jsx("span",{children:s.sizeUnit}),e.jsx("span",{children:"min:"}),e.jsx("span",{children:s.minSize!==void 0?JSON.stringify(s.minSize):"—"}),e.jsx("span",{children:"auto min:"}),e.jsx("span",{children:s.autoMinSize!==void 0?JSON.stringify(s.autoMinSize):"—"}),e.jsx("span",{children:"max:"}),e.jsx("span",{children:s.maxSize!==void 0?JSON.stringify(s.maxSize):"—"}),e.jsx("span",{children:"priority:"}),e.jsx("span",{children:s.pixelAdjustPriority??"—"}),e.jsx("span",{children:"flex priority:"}),e.jsx("span",{children:s.flexAdjustPriority??"—"})]})]},s.id||y)})})]},i.groupId)})})]});return R.createPortal(f,document.body)};exports.GlobalDebugOverlay=u;exports.GlobalDebugOverlayGate=I;

package/dist/GlobalDebugOverlay.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalDebugOverlay.d.ts","sourceRoot":"","sources":["../src/GlobalDebugOverlay.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAyGH;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,uCAMtE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,0CA2J9B,CAAA"}

package/dist/Panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAA6C,UAAU,EAAE,MAAM,SAAS,CAAA;AA6FpF;;;GAGG;AACH,eAAO,MAAM,KAAK,mOACwO,UAAU,iCA+gBnQ,CAAA"}