@n-uf/hypr-tiling 26.7.0

package/dist/index.d.mts

@@ -0,0 +1,74 @@
+import { J as TilingRenderTileProps } from './tiling-renderer-kTlSm4H4.mjs';
+export { K as DEFAULT_DRAG_ANIMATION_SPEED_PERCENT, L as DEFAULT_TILE_ACCENT, M as DEFAULT_TILING_LAYOUT_CONFIG, N as DEFAULT_TILING_THEME_ID, O as DRAG_ANIMATION_SPEED_MAX_PERCENT, P as DRAG_ANIMATION_SPEED_MIN_PERCENT, Q as ResolvedTilingDragRecoveryCapability, S as ResolvedTilingDropHitZoneGeometryCapability, U as ResolvedTilingGroupingCapability, R as ResolvedTilingInteractionCapabilities, V as ResolvedTilingKeyBindings, W as ResolvedTilingKeyChord, X as ResolvedTilingKeyChordModifiers, u as ResolvedTilingKeymap, Y as ResolvedTilingMaximizeCapability, Z as ResolvedTilingPaneSwitchingCapability, _ as ResolvedTilingPaneTitleBarControlsCapability, $ as ResolvedTilingSlotCommitmentCapability, a0 as ResolvedTilingTouchDragCapability, a1 as TILING_ACCENT_HUES, a2 as TILING_THEMES, a3 as TILING_THEME_REGISTRY, a4 as TILING_TILE_ACCENTS, a5 as TILING_TILE_ACCENT_SWATCHES, C as TilingAccentHue, x as TilingCommand, a6 as TilingCommandHandle, a7 as TilingDragMode, a8 as TilingDragRecoveryCapability, s as TilingDropAction, a9 as TilingDropHitZoneGeometryCapability, g as TilingFocusDirection, aa as TilingGroupMemberView, ab as TilingGroupNode, ac as TilingGroupingCapability, ad as TilingInteractionCapabilities, v as TilingKeyBinding, ae as TilingKeyBindings, af as TilingKeyChord, ag as TilingKeyChordModifiers, ah as TilingKeymap, a as TilingLayoutConfig, ai as TilingLayoutMode, T as TilingLayoutNode, aj as TilingLeafDropPreview, r as TilingLeafDropZone, ak as TilingLeafNode, al as TilingLeafPreviewMode, am as TilingLeafPreviewRole, an as TilingMasterOrientation, ao as TilingMaximizeCapability, ap as TilingMovePlacement, aq as TilingPaneBodyRenderMode, ar as TilingPaneCycleDirection, z as TilingPaneSizing, A as TilingPaneSizingMode, as as TilingPaneSwitchingCapability, at as TilingPaneTitleBarControlsCapability, au as TilingRenderSurface, av as TilingRenderTileGroupContext, aw as TilingRenderer, ax as TilingRendererProps, ay as TilingResizeCapability, az as TilingSlotCommitmentCapability, aA as TilingSlotCommitmentMode, t as TilingSplitAxis, f as TilingSplitNode, aB as TilingTheme, aC as TilingThemeDividerTokens, aD as TilingThemeGhostTokens, aE as TilingThemeId, aF as TilingThemePaneHeaderTokens, aG as TilingThemePaneShellTokens, aH as TilingThemeProvider, aI as TilingThemeRootTokens, aJ as TilingThemeTopBarTokens, aK as TilingTile, aL as TilingTileAccent, aM as TilingTileAccentSwatch, aN as TilingTitleBarSizingMode, aO as TilingTouchDragCapability, aP as resolveTilingTheme, aQ as useTilingTheme } from './tiling-renderer-kTlSm4H4.mjs';
+import * as React from 'react';
+export { K as DEFAULT_DRAG_HOP_EASING, L as DEFAULT_DRAG_REFLOW_EASING, N as MultiSelectModifierState, O as TILING_DASHBOARD_PRESET, P as TILING_INTERACTION_CAPABILITY_DEFAULTS, Q as TilingCommandGates, R as TilingLayoutQuery, S as isCommandEnabled, U as isMultiSelectModifierActive, V as queryTilingLayout, W as resolveInteractionCapabilities, X as resolveJumpedPaneId } from './drag-easing-KxPPNNZT.mjs';
+
+/** Props for {@link TilingPaneRoot}. */
+interface TilingPaneRootProps extends Omit<React.HTMLAttributes<HTMLElement>, "onFocus" | "onClick" | "onPointerMove" | "onPointerLeave"> {
+    /**
+     * The `renderTile` args for this pane (only its `leafId` and the focus/hover
+     * handlers are read). Pass the whole args object; the primitive wires the
+     * root correctly.
+     */
+    pane: Pick<TilingRenderTileProps, "leafId" | "onFocus" | "onPointerMove" | "onPointerLeave">;
+}
+/**
+ * The root element of a custom pane. Renders an `<article data-leaf-id>` (the
+ * attribute the renderer resolves the drag source from) and wires the pane's
+ * `onFocus` (on both focus and click), `onPointerMove`, and `onPointerLeave`
+ * handlers, so focus, resize, and pre-drag hover telemetry keep working. Bring
+ * your own `className` / `style` / children; defaults `tabIndex` to `-1`.
+ *
+ * @param props - {@link TilingPaneRootProps}
+ */
+declare function TilingPaneRoot({ pane, ...rest }: TilingPaneRootProps): React.ReactElement;
+/** Props for {@link TilingDragHandle}. */
+interface TilingDragHandleProps extends Omit<React.HTMLAttributes<HTMLElement>, "onPointerDown" | "onClick"> {
+    /**
+     * The `renderTile` args for this pane (the drag-pickup handler and the
+     * multi-select toggle handlers are read). Pass the whole args object.
+     */
+    pane: Pick<TilingRenderTileProps, "onHandlePointerDown" | "isMultiSelectGroupingEnabled" | "onToggleMultiSelect">;
+}
+/**
+ * The drag-pickup surface of a custom pane (typically the header). Wires the
+ * renderer's `onHandlePointerDown` and sets `touch-action: none` so a touch
+ * press starts a drag instead of scrolling, and folds in the Alt/Opt+click
+ * multi-select toggle (which must not establish focus). Renders a `<div>`;
+ * bring your own `className` / `style` / children.
+ *
+ * @param props - {@link TilingDragHandleProps}
+ */
+declare function TilingDragHandle({ pane, style, ...rest }: TilingDragHandleProps): React.ReactElement;
+/** Props for {@link TilingPaneAction}. */
+type TilingPaneActionProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * A header action button (maximize, group, …) that `stopPropagation`s on both
+ * pointer-down and click, so activating it never starts a drag or steals pane
+ * focus. Defaults `type` to `"button"` and calls your `onClick` after stopping
+ * propagation. Bring your own `className` / `style` / children.
+ *
+ * @param props - {@link TilingPaneActionProps}
+ */
+declare function TilingPaneAction({ onClick, type, ...rest }: TilingPaneActionProps): React.ReactElement;
+/** Props for {@link TilingPaneBody}. */
+interface TilingPaneBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The `renderTile` args for this pane (only `paneBodyRenderMode` is read).
+     * Pass the whole args object.
+     */
+    pane: Pick<TilingRenderTileProps, "paneBodyRenderMode">;
+}
+/**
+ * The body wrapper of a custom pane. Always renders its wrapper `<div>` (so the
+ * pane keeps its layout), but renders children ONLY when
+ * `paneBodyRenderMode === "render-content"`. This keeps a custom pane aligned
+ * with the renderer's drag-ghost / hidden-body semantics — the ghost reuses the
+ * same render path, so an empty body never rides along. Bring your own
+ * `className` / `style`.
+ *
+ * @param props - {@link TilingPaneBodyProps}
+ */
+declare function TilingPaneBody({ pane, children, ...rest }: TilingPaneBodyProps): React.ReactElement;
+
+export { TilingDragHandle, type TilingDragHandleProps, TilingPaneAction, type TilingPaneActionProps, TilingPaneBody, type TilingPaneBodyProps, TilingPaneRoot, type TilingPaneRootProps, TilingRenderTileProps };

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+import { J as TilingRenderTileProps } from './tiling-renderer-kTlSm4H4.js';
+export { K as DEFAULT_DRAG_ANIMATION_SPEED_PERCENT, L as DEFAULT_TILE_ACCENT, M as DEFAULT_TILING_LAYOUT_CONFIG, N as DEFAULT_TILING_THEME_ID, O as DRAG_ANIMATION_SPEED_MAX_PERCENT, P as DRAG_ANIMATION_SPEED_MIN_PERCENT, Q as ResolvedTilingDragRecoveryCapability, S as ResolvedTilingDropHitZoneGeometryCapability, U as ResolvedTilingGroupingCapability, R as ResolvedTilingInteractionCapabilities, V as ResolvedTilingKeyBindings, W as ResolvedTilingKeyChord, X as ResolvedTilingKeyChordModifiers, u as ResolvedTilingKeymap, Y as ResolvedTilingMaximizeCapability, Z as ResolvedTilingPaneSwitchingCapability, _ as ResolvedTilingPaneTitleBarControlsCapability, $ as ResolvedTilingSlotCommitmentCapability, a0 as ResolvedTilingTouchDragCapability, a1 as TILING_ACCENT_HUES, a2 as TILING_THEMES, a3 as TILING_THEME_REGISTRY, a4 as TILING_TILE_ACCENTS, a5 as TILING_TILE_ACCENT_SWATCHES, C as TilingAccentHue, x as TilingCommand, a6 as TilingCommandHandle, a7 as TilingDragMode, a8 as TilingDragRecoveryCapability, s as TilingDropAction, a9 as TilingDropHitZoneGeometryCapability, g as TilingFocusDirection, aa as TilingGroupMemberView, ab as TilingGroupNode, ac as TilingGroupingCapability, ad as TilingInteractionCapabilities, v as TilingKeyBinding, ae as TilingKeyBindings, af as TilingKeyChord, ag as TilingKeyChordModifiers, ah as TilingKeymap, a as TilingLayoutConfig, ai as TilingLayoutMode, T as TilingLayoutNode, aj as TilingLeafDropPreview, r as TilingLeafDropZone, ak as TilingLeafNode, al as TilingLeafPreviewMode, am as TilingLeafPreviewRole, an as TilingMasterOrientation, ao as TilingMaximizeCapability, ap as TilingMovePlacement, aq as TilingPaneBodyRenderMode, ar as TilingPaneCycleDirection, z as TilingPaneSizing, A as TilingPaneSizingMode, as as TilingPaneSwitchingCapability, at as TilingPaneTitleBarControlsCapability, au as TilingRenderSurface, av as TilingRenderTileGroupContext, aw as TilingRenderer, ax as TilingRendererProps, ay as TilingResizeCapability, az as TilingSlotCommitmentCapability, aA as TilingSlotCommitmentMode, t as TilingSplitAxis, f as TilingSplitNode, aB as TilingTheme, aC as TilingThemeDividerTokens, aD as TilingThemeGhostTokens, aE as TilingThemeId, aF as TilingThemePaneHeaderTokens, aG as TilingThemePaneShellTokens, aH as TilingThemeProvider, aI as TilingThemeRootTokens, aJ as TilingThemeTopBarTokens, aK as TilingTile, aL as TilingTileAccent, aM as TilingTileAccentSwatch, aN as TilingTitleBarSizingMode, aO as TilingTouchDragCapability, aP as resolveTilingTheme, aQ as useTilingTheme } from './tiling-renderer-kTlSm4H4.js';
+import * as React from 'react';
+export { K as DEFAULT_DRAG_HOP_EASING, L as DEFAULT_DRAG_REFLOW_EASING, N as MultiSelectModifierState, O as TILING_DASHBOARD_PRESET, P as TILING_INTERACTION_CAPABILITY_DEFAULTS, Q as TilingCommandGates, R as TilingLayoutQuery, S as isCommandEnabled, U as isMultiSelectModifierActive, V as queryTilingLayout, W as resolveInteractionCapabilities, X as resolveJumpedPaneId } from './drag-easing-5WbK3T82.js';
+
+/** Props for {@link TilingPaneRoot}. */
+interface TilingPaneRootProps extends Omit<React.HTMLAttributes<HTMLElement>, "onFocus" | "onClick" | "onPointerMove" | "onPointerLeave"> {
+    /**
+     * The `renderTile` args for this pane (only its `leafId` and the focus/hover
+     * handlers are read). Pass the whole args object; the primitive wires the
+     * root correctly.
+     */
+    pane: Pick<TilingRenderTileProps, "leafId" | "onFocus" | "onPointerMove" | "onPointerLeave">;
+}
+/**
+ * The root element of a custom pane. Renders an `<article data-leaf-id>` (the
+ * attribute the renderer resolves the drag source from) and wires the pane's
+ * `onFocus` (on both focus and click), `onPointerMove`, and `onPointerLeave`
+ * handlers, so focus, resize, and pre-drag hover telemetry keep working. Bring
+ * your own `className` / `style` / children; defaults `tabIndex` to `-1`.
+ *
+ * @param props - {@link TilingPaneRootProps}
+ */
+declare function TilingPaneRoot({ pane, ...rest }: TilingPaneRootProps): React.ReactElement;
+/** Props for {@link TilingDragHandle}. */
+interface TilingDragHandleProps extends Omit<React.HTMLAttributes<HTMLElement>, "onPointerDown" | "onClick"> {
+    /**
+     * The `renderTile` args for this pane (the drag-pickup handler and the
+     * multi-select toggle handlers are read). Pass the whole args object.
+     */
+    pane: Pick<TilingRenderTileProps, "onHandlePointerDown" | "isMultiSelectGroupingEnabled" | "onToggleMultiSelect">;
+}
+/**
+ * The drag-pickup surface of a custom pane (typically the header). Wires the
+ * renderer's `onHandlePointerDown` and sets `touch-action: none` so a touch
+ * press starts a drag instead of scrolling, and folds in the Alt/Opt+click
+ * multi-select toggle (which must not establish focus). Renders a `<div>`;
+ * bring your own `className` / `style` / children.
+ *
+ * @param props - {@link TilingDragHandleProps}
+ */
+declare function TilingDragHandle({ pane, style, ...rest }: TilingDragHandleProps): React.ReactElement;
+/** Props for {@link TilingPaneAction}. */
+type TilingPaneActionProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * A header action button (maximize, group, …) that `stopPropagation`s on both
+ * pointer-down and click, so activating it never starts a drag or steals pane
+ * focus. Defaults `type` to `"button"` and calls your `onClick` after stopping
+ * propagation. Bring your own `className` / `style` / children.
+ *
+ * @param props - {@link TilingPaneActionProps}
+ */
+declare function TilingPaneAction({ onClick, type, ...rest }: TilingPaneActionProps): React.ReactElement;
+/** Props for {@link TilingPaneBody}. */
+interface TilingPaneBodyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The `renderTile` args for this pane (only `paneBodyRenderMode` is read).
+     * Pass the whole args object.
+     */
+    pane: Pick<TilingRenderTileProps, "paneBodyRenderMode">;
+}
+/**
+ * The body wrapper of a custom pane. Always renders its wrapper `<div>` (so the
+ * pane keeps its layout), but renders children ONLY when
+ * `paneBodyRenderMode === "render-content"`. This keeps a custom pane aligned
+ * with the renderer's drag-ghost / hidden-body semantics — the ghost reuses the
+ * same render path, so an empty body never rides along. Bring your own
+ * `className` / `style`.
+ *
+ * @param props - {@link TilingPaneBodyProps}
+ */
+declare function TilingPaneBody({ pane, children, ...rest }: TilingPaneBodyProps): React.ReactElement;
+
+export { TilingDragHandle, type TilingDragHandleProps, TilingPaneAction, type TilingPaneActionProps, TilingPaneBody, type TilingPaneBodyProps, TilingPaneRoot, type TilingPaneRootProps, TilingRenderTileProps };

package/dist/index.mjs

@@ -0,0 +1,125 @@
+"use client";
+import {
+  DEFAULT_DRAG_ANIMATION_SPEED_PERCENT,
+  DEFAULT_DRAG_HOP_EASING,
+  DEFAULT_DRAG_REFLOW_EASING,
+  DEFAULT_TILE_ACCENT,
+  DEFAULT_TILING_LAYOUT_CONFIG,
+  DEFAULT_TILING_THEME_ID,
+  DRAG_ANIMATION_SPEED_MAX_PERCENT,
+  DRAG_ANIMATION_SPEED_MIN_PERCENT,
+  TILING_ACCENT_HUES,
+  TILING_DASHBOARD_PRESET,
+  TILING_INTERACTION_CAPABILITY_DEFAULTS,
+  TILING_THEMES,
+  TILING_THEME_REGISTRY,
+  TILING_TILE_ACCENTS,
+  TILING_TILE_ACCENT_SWATCHES,
+  TilingRenderer,
+  TilingThemeProvider,
+  isCommandEnabled,
+  isMultiSelectModifierActive,
+  queryTilingLayout,
+  resolveInteractionCapabilities,
+  resolveJumpedPaneId,
+  resolveTilingTheme,
+  useTilingTheme
+} from "./chunk-ZCGZOWOY.mjs";
+
+// react/tiling-pane-primitives.tsx
+import { jsx } from "react/jsx-runtime";
+function TilingPaneRoot({
+  pane,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "article",
+    {
+      tabIndex: -1,
+      ...rest,
+      "data-leaf-id": pane.leafId,
+      onFocus: pane.onFocus,
+      onClick: pane.onFocus,
+      onPointerMove: pane.onPointerMove,
+      onPointerLeave: pane.onPointerLeave
+    }
+  );
+}
+function TilingDragHandle({
+  pane,
+  style,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      style: { touchAction: "none", ...style },
+      onPointerDown: pane.onHandlePointerDown,
+      onClick: (event) => {
+        if (pane.isMultiSelectGroupingEnabled && isMultiSelectModifierActive(event)) {
+          event.stopPropagation();
+          event.preventDefault();
+          pane.onToggleMultiSelect();
+        }
+      }
+    }
+  );
+}
+function TilingPaneAction({
+  onClick,
+  type,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...rest,
+      type: type ?? "button",
+      onPointerDown: (event) => {
+        event.stopPropagation();
+      },
+      onClick: (event) => {
+        event.stopPropagation();
+        onClick?.(event);
+      }
+    }
+  );
+}
+function TilingPaneBody({
+  pane,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx("div", { ...rest, children: pane.paneBodyRenderMode === "render-content" ? children : null });
+}
+export {
+  DEFAULT_DRAG_ANIMATION_SPEED_PERCENT,
+  DEFAULT_DRAG_HOP_EASING,
+  DEFAULT_DRAG_REFLOW_EASING,
+  DEFAULT_TILE_ACCENT,
+  DEFAULT_TILING_LAYOUT_CONFIG,
+  DEFAULT_TILING_THEME_ID,
+  DRAG_ANIMATION_SPEED_MAX_PERCENT,
+  DRAG_ANIMATION_SPEED_MIN_PERCENT,
+  TILING_ACCENT_HUES,
+  TILING_DASHBOARD_PRESET,
+  TILING_INTERACTION_CAPABILITY_DEFAULTS,
+  TILING_THEMES,
+  TILING_THEME_REGISTRY,
+  TILING_TILE_ACCENTS,
+  TILING_TILE_ACCENT_SWATCHES,
+  TilingDragHandle,
+  TilingPaneAction,
+  TilingPaneBody,
+  TilingPaneRoot,
+  TilingRenderer,
+  TilingThemeProvider,
+  isCommandEnabled,
+  isMultiSelectModifierActive,
+  queryTilingLayout,
+  resolveInteractionCapabilities,
+  resolveJumpedPaneId,
+  resolveTilingTheme,
+  useTilingTheme
+};