@tetrascience-npm/tetrascience-react-ui 0.6.0-beta.93.1 → 0.6.0-beta.95.1

package/dist/index.d.ts

@@ -3184,6 +3184,24 @@ export declare interface ReferencedSourcesContext {
     clear: () => void;
 }
 
+/**
+ * Resize handle between two panels.
+ *
+ * The handle's layout footprint is a **1px divider that sits exactly on the
+ * panel boundary**, so the divider, the grip, and the seam between the panels
+ * all line up — regardless of the panels' backgrounds. A wide, transparent
+ * **grab area** is layered on top via `::after` (it overlaps both panels by 6px
+ * without taking layout space) so the handle can be grabbed anywhere in the gap,
+ * not just on the hairline.
+ *
+ * The 1px divider — and the optional grip (`withHandle`) — stay hidden at rest
+ * and **reveal on hover, keyboard focus, or while dragging** (the handle tracks
+ * the pointer, so it stays hovered). Keyboard focus reveals them in the `ring`
+ * color for a clear focus indicator. Works in both orientations.
+ *
+ * Has a default `aria-label` so the separator always has an accessible name;
+ * pass `aria-label` to override it with something context-specific.
+ */
 export declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
     withHandle?: boolean;
 }): JSX.Element;