react-panel-layout 0.2.0 → 0.4.1

package/dist/index.d.ts

@@ -14,6 +14,8 @@ export type { HorizontalDividerProps } from "./components/resizer/HorizontalDivi
 export { ResizeHandle } from "./components/resizer/ResizeHandle";
 export type { ResizeHandleProps } from "./components/resizer/ResizeHandle";
 export { useLayerDragHandle } from "./modules/grid/useLayerDragHandle";
+export { useTransitionState, runTransition } from "./hooks/useTransitionState";
+export type { TransitionMode, TransitionOptions, UseTransitionStateOptions } from "./hooks/useTransitionState";
 export { CSS_VAR_PREFIX } from "./constants/styles";
 export { PanelSystem } from "./modules/panels/system/PanelSystem";
 export { buildInitialState } from "./modules/panels";

package/dist/index.js

@@ -1,9 +1,9 @@
-import { u as Rt, a as Pt, b as Ct, c as J, d as Dt, e as _, f as At, t as kt, R as nt, G as ot } from "./GridLayout-CmzKfbPP.js";
-import { D as vr, g as Ir } from "./GridLayout-CmzKfbPP.js";
+import { u as Rt, a as Pt, b as Ct, c as J, d as Dt, e as _, f as At, t as kt, R as nt, G as ot } from "./GridLayout-DZCV1X-3.js";
+import { D as vr, g as Ir, r as wr, h as yr } from "./GridLayout-DZCV1X-3.js";
 import { jsx as m, jsxs as H, Fragment as et } from "react/jsx-runtime";
 import * as l from "react";
-import { C as _t, a as Mt, b as Ot, H as Bt, D as Lt, c as $t, d as Ht, e as Nt, f as zt, g as Xt, T as Yt, h as Ft, i as jt, j as Vt, k as Kt, l as Ut, m as qt, S as Wt } from "./styles-BnvLfp6e.js";
-import { n as yr } from "./styles-BnvLfp6e.js";
+import { m as _t, n as Mt, o as Ot, H as Bt, r as Lt, s as $t, t as Ht, u as Nt, v as zt, w as Xt, T as Yt, x as Ft, y as jt, z as Vt, A as Kt, B as Ut, E as qt, S as Wt } from "./FloatingPanelFrame-BeP9z8EI.js";
+import { I as Gr } from "./FloatingPanelFrame-BeP9z8EI.js";
 const Zt = (t) => ({
   width: Bt,
   cursor: "col-resize",
@@ -1850,7 +1850,7 @@ const fe = (t, e) => {
   );
 };
 export {
-  yr as CSS_VAR_PREFIX,
+  Gr as CSS_VAR_PREFIX,
   vr as Drawer,
   Ir as DrawerLayers,
   ot as GridLayout,
@@ -1858,6 +1858,8 @@ export {
   gr as PanelSystem,
   nt as ResizeHandle,
   br as buildInitialState,
-  fr as useLayerDragHandle
+  wr as runTransition,
+  fr as useLayerDragHandle,
+  yr as useTransitionState
 };
 //# sourceMappingURL=index.js.map

package/dist/modules/window/useDrawerState.d.ts

@@ -1,6 +1,7 @@
+import { type TransitionOptions } from "../../hooks/useTransitionState";
 import type { LayerDefinition } from "../../types";
 export declare const useDrawerState: (layers: LayerDefinition[]) => {
     state: (layerId: string) => boolean;
-    open: (layerId: string) => void;
-    close: (layerId: string) => void;
+    open: (id: string, options?: TransitionOptions) => Promise<void>;
+    close: (id: string, options?: TransitionOptions) => Promise<void>;
 };

package/dist/types.d.ts

@@ -64,7 +64,28 @@ export type DrawerBehavior = {
     open?: boolean;
     /** Whether clicking backdrop dismisses the drawer */
     dismissible?: boolean;
+    /**
+     * Transition mode for drawer visibility.
+     * - "css" (default) uses CSS transform transitions.
+     * - "none" disables transitions.
+     */
+    transitionMode?: "css" | "none";
+    /** Override transform transition duration (e.g., "240ms"). */
+    transitionDuration?: string;
+    /** Override transform transition easing (e.g., "cubic-bezier(0.22,1,0.36,1)"). */
+    transitionEasing?: string;
     onStateChange?: (open: boolean) => void;
+    /** Use the built-in chrome (background, header padding). Defaults to true. */
+    chrome?: boolean;
+    /**
+     * Render the drawer relative to its parent container instead of the viewport.
+     * Defaults to false (fixed to viewport).
+     */
+    inline?: boolean;
+    /**
+     * Accessible label when header.title is not provided or when rendering without a header.
+     */
+    ariaLabel?: string;
     header?: {
         title?: string;
         showCloseButton?: boolean;

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-panel-layout",
-  "version": "0.2.0",
+  "version": "0.4.1",
+  "license": "Unlicense",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",