@aiquants/resize-panels 0.3.0 → 0.4.0

package/README.md

@@ -6,7 +6,7 @@ React 向けのリサイズ可能なパネルレイアウトコンポーネン
 
 - `PanelGroup` と `Panel` と `PanelResizeHandle` を中核に、リデューサーでレイアウトと DOM 計測を同期
 - `calculateSnapThreshold` とノイズ除去ロジックでリサイズ時の揺らぎを抑え、意図しない折りたたみを防止
-- `collapsible` パネルと `usePanelControls` により、ドラッグ操作と UI 操作の両方で折りたたみ / 展開を制御
+- 方向指定付き `collapsible` 設定と `usePanelControls` により、ドラッグ操作と UI 操作の両方で折りたたみ / 展開を制御
 - `autoSaveId` を指定するとローカルストレージにパネルサイズを自動保存し、再読み込み時に復元
 - `showDebugInfo` を使えば `PanelDebugInfo` とグローバルオーバーレイで計測結果や制約違反を可視化
 
@@ -53,11 +53,11 @@ export const Example = () => {
 
 ### 折りたたみを有効にする
 
-`Panel` に `collapsible` を指定すると、対応する `PanelResizeHandle` を端までドラッグしたタイミングで自動的に折りたたみ・展開が行われます。`defaultCollapsed` を併用すると初期状態を折りたたみ済みに設定できます。
+`Panel` に `collapsible={{ from: "start" }}` や `collapsible={{ from: "end" }}` を指定すると、対応する `PanelResizeHandle` を端までドラッグしたタイミングで自動的に折りたたみ・展開が行われます。`defaultCollapsed` を併用すると初期状態を折りたたみ済みに設定できます。方向指定は必須で、各パネルがどちら側から折りたためるかを宣言します。両方向に対応したい場合は `collapsible={{ from: "both" }}` を使用します。
 
 ```tsx
 <PanelGroup direction="horizontal" className="h-96">
-    <Panel id="sidebar" defaultSize={{ value: 240, unit: "pixels" }} collapsible>
+    <Panel id="sidebar" defaultSize={{ value: 240, unit: "pixels" }} collapsible={{ from: "end" }}>
         サイドバー
     </Panel>
     <PanelResizeHandle id="handle" />
@@ -69,24 +69,25 @@ export const Example = () => {
 
 ### UI から折りたたみ / 展開を切り替える
 
-`usePanelControls(panelId)` フックを使うと、任意の UI から対象パネルを折りたたみ・展開・トグルできます。ボタンを配置するコンポーネントは `PanelGroup` の配下（コンテキスト内）に置いてください。折りたたみ後もボタンを表示したい場合は、別パネルやヘッダーなど常に可視な場所に設置します。
+`usePanelControls(panelId)` フックを使うと、任意の UI から対象パネルを折りたたみ・展開・トグルできます。ボタンを配置するコンポーネントは `PanelGroup` の配下（コンテキスト内）に置いてください。折りたたみ後もボタンを表示したい場合は、別パネルやヘッダーなど常に可視な場所に設置します。API は方向を必須パラメーターとして受け取り、パネル構成に応じて呼び出し側で指定します。
 
 ```tsx
 import { PanelGroup, Panel, PanelResizeHandle, usePanelControls } from "@aiquants/resize-panels"
 
 const PanelToggleButtons = ({ panelId, label }: { panelId: string; label: string }) => {
-    const { isCollapsed, collapse, expand, toggle } = usePanelControls(panelId)
+    const { panel, isCollapsed, collapse, expand, toggle, canCollapseFromStart, canCollapseFromEnd } = usePanelControls(panelId)
+    const direction = panel?.collapsedByDirection ?? (canCollapseFromStart ? "start" : "end")
 
     return (
         <div className="flex items-center gap-2">
             <span>{label}</span>
-            <button onClick={() => collapse()} disabled={isCollapsed}>
+            <button onClick={() => collapse(direction)} disabled={(!canCollapseFromStart && !canCollapseFromEnd) || isCollapsed}>
                 折りたたむ
             </button>
-            <button onClick={() => expand()} disabled={!isCollapsed}>
+            <button onClick={() => expand(direction)} disabled={!isCollapsed || (!canCollapseFromStart && !canCollapseFromEnd)}>
                 展開する
             </button>
-            <button onClick={() => toggle()}>
+            <button onClick={() => toggle(direction)} disabled={!canCollapseFromStart && !canCollapseFromEnd}>
                 {isCollapsed ? "展開に切り替え" : "折りたたみに切り替え"}
             </button>
         </div>
@@ -95,7 +96,7 @@ const PanelToggleButtons = ({ panelId, label }: { panelId: string; label: string
 
 export const Example = () => (
     <PanelGroup direction="horizontal" className="h-96">
-        <Panel id="sidebar" defaultSize={{ value: 240, unit: "pixels" }} collapsible>
+        <Panel id="sidebar" defaultSize={{ value: 240, unit: "pixels" }} collapsible={{ from: "end" }}>
             <PanelToggleButtons panelId="sidebar" label="サイドバー" />
         </Panel>
         <PanelResizeHandle id="split" />
@@ -103,14 +104,14 @@ export const Example = () => (
             <PanelToggleButtons panelId="details" label="詳細パネル" />
         </Panel>
         <PanelResizeHandle id="split-right" />
-        <Panel id="details" defaultSize={{ value: 40, unit: "percentage" }} collapsible>
+        <Panel id="details" defaultSize={{ value: 40, unit: "percentage" }} collapsible={{ from: "start" }}>
             詳細
         </Panel>
     </PanelGroup>
 )
 ```
 
-`collapse()` はパネルを非表示にし、`expand()` はドラッグ操作と同じロジックで直前のサイズや推奨サイズを復元します。`toggle()` を使うと現在の状態に応じて自動的に切り替わります。
+`collapse(direction)` は指定方向からパネルを非表示にし、`expand(direction)` はドラッグ操作と同じロジックで直前のサイズや推奨サイズを復元します。`toggle(direction)` を使うと現在の状態に応じて自動的に切り替わります。
 
 ## コンポーネント API
 
@@ -133,7 +134,7 @@ export const Example = () => (
 | `id` | `string` | パネル識別子。省略時はランダム生成だが、SSR との整合のため明示指定を推奨 |
 | `defaultSize` | `{ value: number; unit: 'pixels' \| 'percentage' } \| number` | 初期サイズ。数値のみの場合はパーセンテージとして扱う |
 | `minSize` / `maxSize` | `FlexibleSize` | パネルの最小・最大サイズ制約。ピクセル・割合で指定可能 |
-| `collapsible` | `boolean` | ハンドルを端までドラッグした際に折りたたみ可能にするかどうか |
+| `collapsible` | `{ from: 'start' \| 'end' \| 'both' }` | 折りたたみ方向の宣言。ドラッグや API 呼び出しで利用される必須設定 |
 | `defaultCollapsed` | `boolean` | 初期状態を折りたたみ済みにするかどうか |
 | `pixelAdjustPriority` | `number` | 余白調整時にピクセル基準パネルへ割り当てる優先度 |
 | `className` / `style` | `string` / `React.CSSProperties` | パネル本体の見た目をカスタマイズ |

package/dist/Panel.d.ts

@@ -4,5 +4,5 @@ import { PanelProps } from './types';
  * Render a resizable panel within a managed group, keeping DOM measurements in sync with reducer state.
  * 管理対象グループ内で DOM 計測とリデューサー状態を同期させながらリサイズ可能パネルを描画するコンポーネント。
  */
-export declare const Panel: import('react').MemoExoticComponent<({ id: providedId, defaultSize, minSize, maxSize, className, style, children, order, collapsible, defaultCollapsed, pixelAdjustPriority, contentOverflow }: PanelProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const Panel: import('react').MemoExoticComponent<({ id: providedId, defaultSize, minSize, maxSize, autoMinSize, className, style, children, order, collapsible, defaultCollapsed, pixelAdjustPriority, flexAdjustPriority, contentOverflow }: PanelProps) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=Panel.d.ts.map

package/dist/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAGzC;;;GAGG;AACH,eAAO,MAAM,KAAK,kMAAqO,UAAU,6CAme/P,CAAA"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../src/Panel.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,OAAO,KAAK,EAA6C,UAAU,EAAE,MAAM,SAAS,CAAA;AAsEpF;;;GAGG;AACH,eAAO,MAAM,KAAK,mOAA8P,UAAU,6CAwcxR,CAAA"}

package/dist/PanelDebugInfo.d.ts

@@ -2,7 +2,6 @@ import { PanelDirection, PanelLayoutData } from './types';
 
 type PanelDebugInfoProps = {
     panel: PanelLayoutData | undefined;
-    isLastFlexiblePanel: boolean;
     measuredPixelSize: number;
     measuredPercentageSize: number;
     containerAxisSize: number;
@@ -10,7 +9,6 @@ type PanelDebugInfoProps = {
 };
 type FormatPanelDebugInfoArgs = {
     panel: PanelLayoutData | undefined;
-    isLastFlexiblePanel: boolean;
     measuredPixelSize: number;
     measuredPercentageSize: number;
     containerAxisSize: number;
@@ -23,7 +21,7 @@ type FormattedPanelDebugInfo = {
     headlineLabel: string;
     titleText: string;
 };
-export declare const formatPanelDebugInfo: ({ panel, isLastFlexiblePanel, measuredPixelSize, measuredPercentageSize, containerAxisSize, containerLabel }: FormatPanelDebugInfoArgs) => FormattedPanelDebugInfo;
-export declare const PanelDebugInfo: import('react').MemoExoticComponent<({ panel, isLastFlexiblePanel, measuredPixelSize, measuredPercentageSize, containerAxisSize, direction }: PanelDebugInfoProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const formatPanelDebugInfo: ({ panel, measuredPixelSize, measuredPercentageSize, containerAxisSize, containerLabel }: FormatPanelDebugInfoArgs) => FormattedPanelDebugInfo;
+export declare const PanelDebugInfo: import('react').MemoExoticComponent<({ panel, measuredPixelSize, measuredPercentageSize, containerAxisSize, direction }: PanelDebugInfoProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=PanelDebugInfo.d.ts.map

package/dist/PanelDebugInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelDebugInfo.d.ts","sourceRoot":"","sources":["../src/PanelDebugInfo.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,cAAc,CAAA;CAC5B,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,mBAAmB,EAAE,OAAO,CAAA;IAC5B,iBAAiB,EAAE,MAAM,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,8GAA8G,wBAAwB,KAAG,uBAkB7K,CAAA;AAED,eAAO,MAAM,cAAc,gJAAkH,mBAAmB,6CAgG9J,CAAA"}
+{"version":3,"file":"PanelDebugInfo.d.ts","sourceRoot":"","sources":["../src/PanelDebugInfo.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9D,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,iBAAiB,EAAE,MAAM,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,SAAS,EAAE,cAAc,CAAA;CAC5B,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC5B,KAAK,EAAE,eAAe,GAAG,SAAS,CAAA;IAClC,iBAAiB,EAAE,MAAM,CAAA;IACzB,sBAAsB,EAAE,MAAM,CAAA;IAC9B,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;CACzB,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,oBAAoB,EAAE,MAAM,CAAA;IAC5B,gBAAgB,EAAE,MAAM,CAAA;IACxB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yFAAyF,wBAAwB,KAAG,uBAkBxJ,CAAA;AAED,eAAO,MAAM,cAAc,2HAA6F,mBAAmB,6CA+FzI,CAAA"}

package/dist/PanelGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelGroup.d.ts","sourceRoot":"","sources":["../src/PanelGroup.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA+B9C;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CA+KhD,CAAA"}
+{"version":3,"file":"PanelGroup.d.ts","sourceRoot":"","sources":["../src/PanelGroup.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AA0K9C;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CA0JhD,CAAA"}

package/dist/PanelResizeHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelResizeHandle.d.ts","sourceRoot":"","sources":["../src/PanelResizeHandle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EASH,KAAK,sBAAsB,EAE9B,MAAM,SAAS,CAAA;AAGhB;;;GAGG;AACH,eAAO,MAAM,iBAAiB,iGAA2E,sBAAsB,6CAmjB7H,CAAA"}
+{"version":3,"file":"PanelResizeHandle.d.ts","sourceRoot":"","sources":["../src/PanelResizeHandle.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAKH,OAAO,EASH,KAAK,sBAAsB,EAE9B,MAAM,SAAS,CAAA;AAGhB;;;GAGG;AACH,eAAO,MAAM,iBAAiB,iGAA2E,sBAAsB,6CAskB7H,CAAA"}

package/dist/debugOverlayStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"debugOverlayStore.d.ts","sourceRoot":"","sources":["../src/debugOverlayStore.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErG;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,eAAe,EAAE,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,OAAO,EAAE,sBAAsB,EAAE,CAAA;CACpC,CAAA;AAmQD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,qBAElC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,4BAEnC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,SAEtD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,SAEvD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,EAAE,QAAQ,gBAAgB,SAEhF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,SAEtD,CAAA"}
+{"version":3,"file":"debugOverlayStore.d.ts","sourceRoot":"","sources":["../src/debugOverlayStore.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErG;;;GAGG;AACH,MAAM,MAAM,oBAAoB,GAAG;IAC/B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,eAAe,EAAE,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,aAAa,CAAA;IAC5B,MAAM,EAAE,eAAe,EAAE,CAAA;IACzB,OAAO,EAAE,sBAAsB,EAAE,CAAA;CACpC,CAAA;AA2QD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,qBAElC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,4BAEnC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,SAEtD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,wBAAwB,GAAI,SAAS,MAAM,SAEvD,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,EAAE,QAAQ,gBAAgB,SAEhF,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,SAEtD,CAAA"}

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { LayoutConstraintViolation, PanelGroupProps, PanelLayoutData, PanelMeasurement, ResizeHandleLayoutData } from './types';
+import { LayoutConstraintViolation, PanelCollapseDirection, PanelGroupProps, PanelLayoutData, PanelMeasurement, ResizeHandleLayoutData } from './types';
 
 /**
  * Orchestrate registration, constraint resolution, measurement sync, and persistence for a panel group.
@@ -19,8 +19,8 @@ export declare const useResizablePanels: ({ direction, style, onLayout, autoSave
         registerPanel: (panel: PanelLayoutData) => void;
         unregisterPanel: (id: string) => void;
         resizePanels: (leftId: string, rightId: string, leftSize: number, rightSize: number) => void;
-        collapsePanel: (id: string) => void;
-        expandPanel: (id: string, targetSize?: number) => void;
+        collapsePanel: (id: string, from: PanelCollapseDirection) => void;
+        expandPanel: (id: string, from: PanelCollapseDirection, targetSize?: number) => void;
         getPanel: (id: string) => PanelLayoutData | undefined;
         reportPanelMeasurement: (panelId: string, measurement: PanelMeasurement | null) => void;
         panelMeasurements: Record<string, PanelMeasurement>;
@@ -37,8 +37,10 @@ export declare const useResizablePanels: ({ direction, style, onLayout, autoSave
 export declare const usePanelControls: (panelId: string) => {
     panel: PanelLayoutData | undefined;
     isCollapsed: boolean;
-    collapse: () => void;
-    expand: (targetSize?: number) => void;
-    toggle: () => void;
+    canCollapseFromStart: boolean;
+    canCollapseFromEnd: boolean;
+    collapse: (from: PanelCollapseDirection) => void;
+    expand: (from: PanelCollapseDirection, targetSize?: number) => void;
+    toggle: (from: PanelCollapseDirection, targetSize?: number) => void;
 };
 //# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAkF,MAAM,OAAO,CAAA;AAG1H,OAAO,KAAK,EAAE,yBAAyB,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGpI;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,2DAAmE,eAAe;;;;;;;;;;;+BAmavE,eAAe;8BAKhB,MAAM;+BAkBlC,MAAM,WAAW,MAAM,YAAY,MAAM,aAAa,MAAM;4BAmFhE,MAAM;0BAaN,MAAM,eAAe,MAAM;uBAa3B,MAAM;0CAWsC,MAAM,eAAe,gBAAgB,GAAG,IAAI;;4CA6B1C,MAAM,eAAe,sBAAsB,GAAG,IAAI;;;;;CA4F5G,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM;;;;0BAS1B,MAAM;;CAwB3B,CAAA"}
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,KAAK,aAAa,EAAkF,MAAM,OAAO,CAAA;AAG1H,OAAO,KAAK,EACR,yBAAyB,EACzB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,sBAAsB,EACzB,MAAM,SAAS,CAAA;AAGhB;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,2DAAmE,eAAe;;;;;;;;;;;+BA4evE,eAAe;8BA8ChB,MAAM;+BA6BlC,MAAM,WAAW,MAAM,YAAY,MAAM,aAAa,MAAM;4BAmFhE,MAAM,QAAQ,sBAAsB;0BAapC,MAAM,QAAQ,sBAAsB,eAAe,MAAM;uBAazD,MAAM;0CAWsC,MAAM,eAAe,gBAAgB,GAAG,IAAI;;4CA6B1C,MAAM,eAAe,sBAAsB,GAAG,IAAI;;;;;CA4F5G,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,MAAM;;;;;qBAKjC,sBAAsB;mBAOtB,sBAAsB,eAAe,MAAM;mBAO3C,sBAAsB,eAAe,MAAM;CAsBzD,CAAA"}

package/dist/index.d.ts

@@ -4,7 +4,7 @@ export { usePanelControls, useResizablePanels } from './hooks';
 export { Panel } from './Panel';
 export { PanelGroup } from './PanelGroup';
 export { PanelResizeHandle } from './PanelResizeHandle';
-export type { ContainerAxisMeasurement, ContainerSize, FlexibleSize, PanelDirection, PanelGroupContextValue, PanelGroupProps, PanelLayoutData, PanelProps, PanelResizeHandleProps, SizeConfig, SizeUnit, } from './types';
+export type { CollapsibleConfig, CollapsibleDirection, ContainerAxisMeasurement, ContainerSize, FlexibleSize, PanelCollapseDirection, PanelDirection, PanelGroupContextValue, PanelGroupProps, PanelLayoutData, PanelProps, PanelResizeHandleProps, SizeConfig, SizeUnit, } from './types';
 export { clamp, generatePanelId, getConstraintInPixels, getContainerSize, loadLayout, normalizeSizeConfig, saveLayout, } from './utils';
 /**
  * Locate a panel element in the DOM by its data attribute.

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,YAAY,EACR,wBAAwB,EACxB,aAAa,EACb,YAAY,EACZ,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,QAAQ,GACX,MAAM,SAAS,CAAA;AAEhB,OAAO,EACH,KAAK,EACL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,mBAAmB,EACnB,UAAU,GACb,MAAM,SAAS,CAAA;AAEhB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAE1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAE/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAEjE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,cAAc,CAAA;AAErB,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,YAAY,EACR,iBAAiB,EACjB,oBAAoB,EACpB,wBAAwB,EACxB,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,UAAU,EACV,sBAAsB,EACtB,UAAU,EACV,QAAQ,GACX,MAAM,SAAS,CAAA;AAEhB,OAAO,EACH,KAAK,EACL,eAAe,EACf,qBAAqB,EACrB,gBAAgB,EAChB,UAAU,EACV,mBAAmB,EACnB,UAAU,GACb,MAAM,SAAS,CAAA;AAEhB;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAE1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAE/D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,GAAI,IAAI,MAAM,KAAG,WAAW,GAAG,IAEjE,CAAA"}