react-panel-layout 0.4.1 → 0.4.2

package/dist/FloatingPanelFrame-BeP9z8EI.js

@@ -1,98 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import * as r from "react";
-const k = "rpl", $ = "var(--rpl-color-resize-handle-idle, rgba(255, 255, 255, 0.12))", j = "var(--rpl-color-resize-handle-hover, rgba(33, 150, 243, 0.35))", q = "var(--rpl-color-resize-handle-active, rgba(33, 150, 243, 0.55))", l = "var(--rpl-color-drop-suggest-border, rgba(90, 150, 255, 0.9))", E = "var(--rpl-color-drop-suggest-bg, rgba(90, 150, 255, 0.15))", c = "var(--rpl-color-insert-guide, rgba(120, 160, 255, 0.95))", R = "var(--rpl-color-insert-guide-shadow, 0 0 0 2px rgba(120, 160, 255, 0.2))", i = "var(--rpl-color-surface, #fff)", p = "var(--rpl-color-surface-2, #fafafa)", D = "var(--rpl-color-border, #e5e7eb)", O = "var(--rpl-color-muted-fg, #6b7280)", d = "var(--rpl-shadow-card, 0 2px 10px rgba(0, 0, 0, 0.08))", J = "var(--rpl-color-drawer-backdrop, rgba(0, 0, 0, 0.5))", Q = "var(--rpl-drawer-transition-duration, 220ms)", aa = "var(--rpl-drawer-transition-easing, cubic-bezier(0.22, 1, 0.36, 1))", A = "var(--rpl-radius-suggest, 6px)", I = "var(--rpl-size-suggest-border, 2px)", S = 4, N = "var(--rpl-size-resize-handle-thickness, 4px)", T = "var(--rpl-size-split-handle-thickness, 6px)", g = "var(--rpl-z-overlay, 9998)", G = "var(--rpl-z-tabdrag-overlay, 9999)", ea = N, sa = "var(--rpl-z-resize-handle, 1000)", ra = S, ta = "var(--rpl-size-grid-layer-corner-hit, 14px)", na = "var(--rpl-size-grid-layer-edge-hit-thickness, 12px)", oa = g, _a = I, la = A, Ea = l, ca = E, Ra = 6, ia = G, pa = "var(--rpl-space-tab-drag-preview-offset-x, 12px)", Da = "var(--rpl-space-tab-drag-preview-offset-y, 12px)", Oa = "var(--rpl-size-tab-drag-insert-guide-width, 2px)", da = "var(--rpl-radius-tab-drag-insert-guide, 1px)", Aa = c, Ia = R, L = "var(--rpl-radius-floating-panel, 8px)", v = "var(--rpl-space-floating-panel-gap, 8px)", P = "var(--rpl-space-floating-panel-header-padding-y, 8px)", C = "var(--rpl-space-floating-panel-header-padding-x, 12px)", F = "var(--rpl-space-floating-panel-content-padding, 12px)", f = "var(--rpl-size-floating-panel-meta-font, 12px)", x = "var(--rpl-space-floating-panel-controls-gap, 6px)", u = i, b = p, _ = D, m = O, H = d, Sa = "var(--rpl-space-drawer-header-padding-y, 10px)", Na = "var(--rpl-space-drawer-header-padding-x, 12px)", Ta = "var(--rpl-space-drawer-header-gap, 8px)", ga = "var(--rpl-space-drawer-content-padding, 12px)", Ga = "var(--rpl-size-drawer-close-button-font, 18px)", La = T, va = "var(--rpl-size-horizontal-divider-width, 4px)", y = {
-  display: "flex",
-  flexDirection: "column",
-  borderRadius: L,
-  border: `1px solid ${_}`,
-  background: u,
-  overflow: "hidden",
-  boxShadow: H
-}, U = {
-  display: "flex",
-  alignItems: "center",
-  gap: v,
-  padding: `${P} ${C}`,
-  borderBottom: `1px solid ${_}`,
-  background: b
-}, h = {
-  fontWeight: 600
-}, B = {
-  marginLeft: "auto",
-  color: m,
-  fontSize: f
-}, z = {
-  display: "flex",
-  alignItems: "center",
-  gap: x
-}, w = {
-  padding: F,
-  overflow: "auto"
-}, Z = r.forwardRef(function({ style: e, ...s }, n) {
-  const o = r.useMemo(() => ({ ...y, ...e }), [e]);
-  return /* @__PURE__ */ t("div", { ref: n, style: o, ...s });
-}), W = ({ style: a, ...e }) => {
-  const s = r.useMemo(() => ({ ...U, ...a }), [a]);
-  return /* @__PURE__ */ t("div", { style: s, ...e });
-}, M = ({ style: a, ...e }) => {
-  const s = r.useMemo(() => ({ ...h, ...a }), [a]);
-  return /* @__PURE__ */ t("span", { style: s, ...e });
-}, V = ({ style: a, ...e }) => {
-  const s = r.useMemo(() => ({ ...B, ...a }), [a]);
-  return /* @__PURE__ */ t("span", { style: s, ...e });
-}, K = ({ style: a, ...e }) => {
-  const s = r.useMemo(() => ({ ...z, ...a }), [a]);
-  return /* @__PURE__ */ t("div", { style: s, ...e });
-}, X = r.forwardRef(
-  function({ style: e, ...s }, n) {
-    const o = r.useMemo(() => ({ ...w, ...e }), [e]);
-    return /* @__PURE__ */ t("div", { ref: n, style: o, ...s });
-  }
-);
-Z.displayName = "FloatingPanelFrame";
-W.displayName = "FloatingPanelHeader";
-M.displayName = "FloatingPanelTitle";
-V.displayName = "FloatingPanelMeta";
-K.displayName = "FloatingPanelControls";
-X.displayName = "FloatingPanelContent";
-export {
-  da as A,
-  Oa as B,
-  J as C,
-  Q as D,
-  ia as E,
-  Z as F,
-  na as G,
-  va as H,
-  k as I,
-  ea as R,
-  La as S,
-  pa as T,
-  W as a,
-  M as b,
-  V as c,
-  K as d,
-  X as e,
-  aa as f,
-  ga as g,
-  Ta as h,
-  Sa as i,
-  Na as j,
-  Ga as k,
-  ta as l,
-  q as m,
-  j as n,
-  $ as o,
-  sa as p,
-  ra as q,
-  oa as r,
-  la as s,
-  ca as t,
-  _a as u,
-  Ea as v,
-  Ra as w,
-  Da as x,
-  Ia as y,
-  Aa as z
-};
-//# sourceMappingURL=FloatingPanelFrame-BeP9z8EI.js.map

package/dist/FloatingPanelFrame-BeP9z8EI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingPanelFrame-BeP9z8EI.js","sources":["../src/constants/styles.ts","../src/components/paneling/FloatingPanelFrame.tsx"],"sourcesContent":["/**\n * @file Style constants for library components\n *\n * These constants reference CSS variables defined in variables.css.\n * This allows users to override theme values via CSS while maintaining\n * type-safe constants in TypeScript.\n *\n * All CSS variables use the unified prefix: --rpl- (react-panel-layout)\n * Users can override these via CSS variables (--rpl-*)\n *\n * @example\n * // In your CSS:\n * :root {\n *   --rpl-color-primary: #ff0000;\n * }\n */\n\n// ========================================\n// CSS VARIABLE PREFIX\n// ========================================\n\n/**\n * Unified CSS variable prefix for all react-panel-layout variables\n * All theme variables use this prefix: --rpl-*\n */\nexport const CSS_VAR_PREFIX = 'rpl';\n\n// ========================================\n// COLORS\n// ========================================\n\n/**\n * Tab colors - used in TabBar component\n */\nexport const COLOR_TAB_FG = \"var(--rpl-color-tab-fg, #d5d7de)\";\nexport const COLOR_TAB_ACTIVE_BG = \"var(--rpl-color-tab-active-bg, #2b2d35)\";\nexport const COLOR_TABBAR_BG = \"var(--rpl-color-tabbar-bg, #1e1f24)\";\n\n/**\n * Panel colors - used in panel layouts\n */\nexport const COLOR_PANEL_BORDER = \"var(--rpl-color-panel-border, rgba(0, 0, 0, 0.3))\";\nexport const COLOR_PANEL_BG = \"var(--rpl-color-panel-bg, #0b0b0c)\";\n\n/**\n * Primary color - used for resize handles, highlights\n */\nexport const COLOR_PRIMARY = \"var(--rpl-color-primary, #2196f3)\";\nexport const COLOR_RESIZE_HANDLE_IDLE = \"var(--rpl-color-resize-handle-idle, rgba(255, 255, 255, 0.12))\";\nexport const COLOR_RESIZE_HANDLE_HOVER = \"var(--rpl-color-resize-handle-hover, rgba(33, 150, 243, 0.35))\";\nexport const COLOR_RESIZE_HANDLE_ACTIVE = \"var(--rpl-color-resize-handle-active, rgba(33, 150, 243, 0.55))\";\n\n/**\n * Drop suggestion overlay colors\n */\nexport const COLOR_DROP_SUGGEST_BORDER = \"var(--rpl-color-drop-suggest-border, rgba(90, 150, 255, 0.9))\";\nexport const COLOR_DROP_SUGGEST_BG = \"var(--rpl-color-drop-suggest-bg, rgba(90, 150, 255, 0.15))\";\n\n/**\n * Tab drag overlay colors\n */\nexport const COLOR_TABDRAG_BG = \"var(--rpl-color-tabdrag-bg, rgba(34, 36, 42, 0.95))\";\nexport const COLOR_TABDRAG_FG = \"var(--rpl-color-tabdrag-fg, #e9ebf0)\";\nexport const COLOR_TABDRAG_BORDER = \"var(--rpl-color-tabdrag-border, rgba(120, 160, 255, 0.6))\";\nexport const COLOR_TABDRAG_SHADOW = \"var(--rpl-color-tabdrag-shadow, 0 6px 20px rgba(0, 0, 0, 0.35))\";\n\n/**\n * Insert guide colors\n */\nexport const COLOR_INSERT_GUIDE = \"var(--rpl-color-insert-guide, rgba(120, 160, 255, 0.95))\";\nexport const COLOR_INSERT_GUIDE_SHADOW = \"var(--rpl-color-insert-guide-shadow, 0 0 0 2px rgba(120, 160, 255, 0.2))\";\n\n/**\n * Node editor / floating panel colors\n * These are used by Drawer and FloatingPanelFrame components\n */\nexport const COLOR_NODE_EDITOR_SURFACE = \"var(--rpl-color-surface, #fff)\";\nexport const COLOR_NODE_EDITOR_SURFACE_2 = \"var(--rpl-color-surface-2, #fafafa)\";\nexport const COLOR_NODE_EDITOR_BORDER = \"var(--rpl-color-border, #e5e7eb)\";\nexport const COLOR_NODE_EDITOR_MUTED_FG = \"var(--rpl-color-muted-fg, #6b7280)\";\nexport const COLOR_NODE_EDITOR_CARD_SHADOW = \"var(--rpl-shadow-card, 0 2px 10px rgba(0, 0, 0, 0.08))\";\nexport const COLOR_DRAWER_BACKDROP = \"var(--rpl-color-drawer-backdrop, rgba(0, 0, 0, 0.5))\";\n\n/**\n * Drawer transitions\n */\nexport const DRAWER_TRANSITION_DURATION = \"var(--rpl-drawer-transition-duration, 220ms)\";\nexport const DRAWER_TRANSITION_EASING = \"var(--rpl-drawer-transition-easing, cubic-bezier(0.22, 1, 0.36, 1))\";\n\n// ========================================\n// SIZING & SPACING\n// ========================================\n\n/**\n * Tab sizing\n */\nexport const SIZE_TAB_FONT = \"var(--rpl-size-tab-font, 12px)\";\nexport const SPACE_TAB_PADDING_Y = \"var(--rpl-space-tab-padding-y, 4px)\";\nexport const SPACE_TAB_PADDING_X = \"var(--rpl-space-tab-padding-x, 8px)\";\n\n/**\n * Tabbar spacing\n */\nexport const SPACE_TABBAR_GAP = \"var(--rpl-space-tabbar-gap, 6px)\";\nexport const SPACE_TABBAR_PADDING_Y = \"var(--rpl-space-tabbar-padding-y, 4px)\";\nexport const SPACE_TABBAR_PADDING_X = \"var(--rpl-space-tabbar-padding-x, 6px)\";\n\n/**\n * Border radius (decorative, using CSS variables)\n */\nexport const RADIUS_TAB = \"var(--rpl-radius-tab, 4px)\";\nexport const RADIUS_SUGGEST = \"var(--rpl-radius-suggest, 6px)\";\n\n/**\n * Border widths\n */\nexport const SIZE_SUGGEST_BORDER = \"var(--rpl-size-suggest-border, 2px)\";\n\n/**\n * Handle thicknesses\n * Note: SIZE_GRID_HANDLE_THICKNESS is kept as number for JavaScript calculations\n */\nexport const SIZE_GRID_HANDLE_THICKNESS = 4; // Used in GridTrackResizeHandle.tsx for offset calculation\nexport const SIZE_RESIZE_HANDLE_THICKNESS = \"var(--rpl-size-resize-handle-thickness, 4px)\";\nexport const SIZE_SPLIT_HANDLE_THICKNESS = \"var(--rpl-size-split-handle-thickness, 6px)\";\n\n/**\n * Drop suggest padding\n */\nexport const SPACE_DROP_SUGGEST_PADDING = \"var(--rpl-space-drop-suggest-padding, 6px)\";\n\n// ========================================\n// Z-INDEXES\n// ========================================\n\nexport const Z_OVERLAY = \"var(--rpl-z-overlay, 9998)\";\nexport const Z_TABDRAG_OVERLAY = \"var(--rpl-z-tabdrag-overlay, 9999)\";\nexport const Z_DIALOG_OVERLAY = \"var(--rpl-z-dialog-overlay, 10000)\";\n\n// ========================================\n// COMPONENT-SPECIFIC CONSTANTS\n// ========================================\n\n/**\n * Resize Handle\n */\nexport const RESIZE_HANDLE_THICKNESS = SIZE_RESIZE_HANDLE_THICKNESS;\nexport const RESIZE_HANDLE_Z_INDEX = \"var(--rpl-z-resize-handle, 1000)\";\n\n/**\n * Grid Track Resize Handle\n */\nexport const GRID_HANDLE_THICKNESS = SIZE_GRID_HANDLE_THICKNESS;\n\n/**\n * Grid Layer Resize Handles\n */\nexport const GRID_LAYER_CORNER_HIT_SIZE = \"var(--rpl-size-grid-layer-corner-hit, 14px)\";\nexport const GRID_LAYER_EDGE_HIT_THICKNESS = \"var(--rpl-size-grid-layer-edge-hit-thickness, 12px)\";\n\n/**\n * Drop Suggest Overlay\n */\nexport const DROP_SUGGEST_Z_INDEX = Z_OVERLAY;\nexport const DROP_SUGGEST_BORDER_WIDTH = SIZE_SUGGEST_BORDER;\nexport const DROP_SUGGEST_BORDER_RADIUS = RADIUS_SUGGEST;\nexport const DROP_SUGGEST_BORDER_COLOR = COLOR_DROP_SUGGEST_BORDER;\nexport const DROP_SUGGEST_BG_COLOR = COLOR_DROP_SUGGEST_BG;\nexport const DROP_SUGGEST_PADDING = SPACE_DROP_SUGGEST_PADDING;\nexport const DROP_SUGGEST_PADDING_PX = 6;\n\n/**\n * Tab Drag Overlay\n */\nexport const TAB_DRAG_OVERLAY_Z_INDEX = Z_TABDRAG_OVERLAY;\nexport const TAB_DRAG_PREVIEW_OFFSET_X = \"var(--rpl-space-tab-drag-preview-offset-x, 12px)\";\nexport const TAB_DRAG_PREVIEW_OFFSET_Y = \"var(--rpl-space-tab-drag-preview-offset-y, 12px)\";\nexport const TAB_DRAG_PREVIEW_BORDER_RADIUS = \"var(--rpl-radius-tab-drag-preview, 6px)\";\nexport const TAB_DRAG_PREVIEW_PADDING_Y = \"var(--rpl-space-tab-drag-preview-padding-y, 4px)\";\nexport const TAB_DRAG_PREVIEW_PADDING_X = \"var(--rpl-space-tab-drag-preview-padding-x, 8px)\";\nexport const TAB_DRAG_PREVIEW_FONT_SIZE = \"var(--rpl-size-tab-drag-preview-font, 12px)\";\nexport const TAB_DRAG_INSERT_GUIDE_WIDTH = \"var(--rpl-size-tab-drag-insert-guide-width, 2px)\";\nexport const TAB_DRAG_INSERT_GUIDE_BORDER_RADIUS = \"var(--rpl-radius-tab-drag-insert-guide, 1px)\";\nexport const TAB_DRAG_PREVIEW_BG_COLOR = COLOR_TABDRAG_BG;\nexport const TAB_DRAG_PREVIEW_FG_COLOR = COLOR_TABDRAG_FG;\nexport const TAB_DRAG_PREVIEW_BORDER_COLOR = COLOR_TABDRAG_BORDER;\nexport const TAB_DRAG_PREVIEW_SHADOW = COLOR_TABDRAG_SHADOW;\nexport const TAB_DRAG_INSERT_GUIDE_COLOR = COLOR_INSERT_GUIDE;\nexport const TAB_DRAG_INSERT_GUIDE_SHADOW = COLOR_INSERT_GUIDE_SHADOW;\n\n/**\n * Dialog Overlay\n */\nexport const DIALOG_OVERLAY_Z_INDEX = Z_DIALOG_OVERLAY;\n\n/**\n * Floating Panel Frame\n */\nexport const FLOATING_PANEL_BORDER_RADIUS = \"var(--rpl-radius-floating-panel, 8px)\";\nexport const FLOATING_PANEL_GAP = \"var(--rpl-space-floating-panel-gap, 8px)\";\nexport const FLOATING_PANEL_HEADER_PADDING_Y = \"var(--rpl-space-floating-panel-header-padding-y, 8px)\";\nexport const FLOATING_PANEL_HEADER_PADDING_X = \"var(--rpl-space-floating-panel-header-padding-x, 12px)\";\nexport const FLOATING_PANEL_CONTENT_PADDING = \"var(--rpl-space-floating-panel-content-padding, 12px)\";\nexport const FLOATING_PANEL_META_FONT_SIZE = \"var(--rpl-size-floating-panel-meta-font, 12px)\";\nexport const FLOATING_PANEL_CONTROLS_GAP = \"var(--rpl-space-floating-panel-controls-gap, 6px)\";\nexport const FLOATING_PANEL_SURFACE_COLOR = COLOR_NODE_EDITOR_SURFACE;\nexport const FLOATING_PANEL_SURFACE_2_COLOR = COLOR_NODE_EDITOR_SURFACE_2;\nexport const FLOATING_PANEL_BORDER_COLOR = COLOR_NODE_EDITOR_BORDER;\nexport const FLOATING_PANEL_MUTED_FG_COLOR = COLOR_NODE_EDITOR_MUTED_FG;\nexport const FLOATING_PANEL_SHADOW = COLOR_NODE_EDITOR_CARD_SHADOW;\n\n/**\n * Drawer\n */\nexport const DRAWER_HEADER_PADDING_Y = \"var(--rpl-space-drawer-header-padding-y, 10px)\";\nexport const DRAWER_HEADER_PADDING_X = \"var(--rpl-space-drawer-header-padding-x, 12px)\";\nexport const DRAWER_HEADER_GAP = \"var(--rpl-space-drawer-header-gap, 8px)\";\nexport const DRAWER_CONTENT_PADDING = \"var(--rpl-space-drawer-content-padding, 12px)\";\nexport const DRAWER_CLOSE_BUTTON_FONT_SIZE = \"var(--rpl-size-drawer-close-button-font, 18px)\";\nexport const DRAWER_SURFACE_COLOR = COLOR_NODE_EDITOR_SURFACE;\nexport const DRAWER_BORDER_COLOR = COLOR_NODE_EDITOR_BORDER;\nexport const DRAWER_SHADOW = COLOR_NODE_EDITOR_CARD_SHADOW;\n\n/**\n * Split Handles\n */\nexport const SPLIT_HANDLE_THICKNESS = SIZE_SPLIT_HANDLE_THICKNESS;\n\n/**\n * HorizontalDivider\n */\nexport const HORIZONTAL_DIVIDER_WIDTH = \"var(--rpl-size-horizontal-divider-width, 4px)\";\nexport const HORIZONTAL_DIVIDER_HIT_AREA_OFFSET = \"var(--rpl-space-horizontal-divider-hit-area-offset, 4px)\";\n","/**\n * @file Shared floating panel frame components for reusable overlay styling\n */\nimport * as React from \"react\";\nimport {\n  FLOATING_PANEL_BORDER_RADIUS,\n  FLOATING_PANEL_GAP,\n  FLOATING_PANEL_HEADER_PADDING_Y,\n  FLOATING_PANEL_HEADER_PADDING_X,\n  FLOATING_PANEL_CONTENT_PADDING,\n  FLOATING_PANEL_META_FONT_SIZE,\n  FLOATING_PANEL_CONTROLS_GAP,\n  FLOATING_PANEL_SURFACE_COLOR,\n  FLOATING_PANEL_SURFACE_2_COLOR,\n  FLOATING_PANEL_BORDER_COLOR,\n  FLOATING_PANEL_MUTED_FG_COLOR,\n  FLOATING_PANEL_SHADOW,\n} from \"../../constants/styles\";\n\nconst frameStyle: React.CSSProperties = {\n  display: \"flex\",\n  flexDirection: \"column\",\n  borderRadius: FLOATING_PANEL_BORDER_RADIUS,\n  border: `1px solid ${FLOATING_PANEL_BORDER_COLOR}`,\n  background: FLOATING_PANEL_SURFACE_COLOR,\n  overflow: \"hidden\",\n  boxShadow: FLOATING_PANEL_SHADOW,\n};\n\nconst headerStyle: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: FLOATING_PANEL_GAP,\n  padding: `${FLOATING_PANEL_HEADER_PADDING_Y} ${FLOATING_PANEL_HEADER_PADDING_X}`,\n  borderBottom: `1px solid ${FLOATING_PANEL_BORDER_COLOR}`,\n  background: FLOATING_PANEL_SURFACE_2_COLOR,\n};\n\nconst titleStyle: React.CSSProperties = {\n  fontWeight: 600,\n};\n\nconst metaStyle: React.CSSProperties = {\n  marginLeft: \"auto\",\n  color: FLOATING_PANEL_MUTED_FG_COLOR,\n  fontSize: FLOATING_PANEL_META_FONT_SIZE,\n};\n\nconst controlsStyle: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: FLOATING_PANEL_CONTROLS_GAP,\n};\n\nconst contentStyle: React.CSSProperties = {\n  padding: FLOATING_PANEL_CONTENT_PADDING,\n  overflow: \"auto\",\n};\n\nexport type FloatingPanelFrameProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelFrame = React.forwardRef<HTMLDivElement, FloatingPanelFrameProps>(function FloatingPanelFrame(\n  { style: propStyle, ...props },\n  ref,\n) {\n  const combinedStyle = React.useMemo(() => ({ ...frameStyle, ...propStyle }), [propStyle]);\n  return <div ref={ref} style={combinedStyle} {...props} />;\n});\n\nexport type FloatingPanelHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelHeader: React.FC<FloatingPanelHeaderProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...headerStyle, ...propStyle }), [propStyle]);\n  return <div style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelTitleProps = Omit<React.HTMLAttributes<HTMLSpanElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelTitle: React.FC<FloatingPanelTitleProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...titleStyle, ...propStyle }), [propStyle]);\n  return <span style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelMetaProps = Omit<React.HTMLAttributes<HTMLSpanElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelMeta: React.FC<FloatingPanelMetaProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...metaStyle, ...propStyle }), [propStyle]);\n  return <span style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelControlsProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelControls: React.FC<FloatingPanelControlsProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...controlsStyle, ...propStyle }), [propStyle]);\n  return <div style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  function FloatingPanelContent({ style: propStyle, ...props }, ref) {\n    const combinedStyle = React.useMemo(() => ({ ...contentStyle, ...propStyle }), [propStyle]);\n    return <div ref={ref} style={combinedStyle} {...props} />;\n  },\n);\n\nFloatingPanelFrame.displayName = \"FloatingPanelFrame\";\nFloatingPanelHeader.displayName = \"FloatingPanelHeader\";\nFloatingPanelTitle.displayName = \"FloatingPanelTitle\";\nFloatingPanelMeta.displayName = \"FloatingPanelMeta\";\nFloatingPanelControls.displayName = \"FloatingPanelControls\";\nFloatingPanelContent.displayName = \"FloatingPanelContent\";\n\n"],"names":["CSS_VAR_PREFIX","COLOR_RESIZE_HANDLE_IDLE","COLOR_RESIZE_HANDLE_HOVER","COLOR_RESIZE_HANDLE_ACTIVE","COLOR_DROP_SUGGEST_BORDER","COLOR_DROP_SUGGEST_BG","COLOR_INSERT_GUIDE","COLOR_INSERT_GUIDE_SHADOW","COLOR_NODE_EDITOR_SURFACE","COLOR_NODE_EDITOR_SURFACE_2","COLOR_NODE_EDITOR_BORDER","COLOR_NODE_EDITOR_MUTED_FG","COLOR_NODE_EDITOR_CARD_SHADOW","COLOR_DRAWER_BACKDROP","DRAWER_TRANSITION_DURATION","DRAWER_TRANSITION_EASING","RADIUS_SUGGEST","SIZE_SUGGEST_BORDER","SIZE_GRID_HANDLE_THICKNESS","SIZE_RESIZE_HANDLE_THICKNESS","SIZE_SPLIT_HANDLE_THICKNESS","Z_OVERLAY","Z_TABDRAG_OVERLAY","RESIZE_HANDLE_THICKNESS","RESIZE_HANDLE_Z_INDEX","GRID_HANDLE_THICKNESS","GRID_LAYER_CORNER_HIT_SIZE","GRID_LAYER_EDGE_HIT_THICKNESS","DROP_SUGGEST_Z_INDEX","DROP_SUGGEST_BORDER_WIDTH","DROP_SUGGEST_BORDER_RADIUS","DROP_SUGGEST_BORDER_COLOR","DROP_SUGGEST_BG_COLOR","DROP_SUGGEST_PADDING_PX","TAB_DRAG_OVERLAY_Z_INDEX","TAB_DRAG_PREVIEW_OFFSET_X","TAB_DRAG_PREVIEW_OFFSET_Y","TAB_DRAG_INSERT_GUIDE_WIDTH","TAB_DRAG_INSERT_GUIDE_BORDER_RADIUS","TAB_DRAG_INSERT_GUIDE_COLOR","TAB_DRAG_INSERT_GUIDE_SHADOW","FLOATING_PANEL_BORDER_RADIUS","FLOATING_PANEL_GAP","FLOATING_PANEL_HEADER_PADDING_Y","FLOATING_PANEL_HEADER_PADDING_X","FLOATING_PANEL_CONTENT_PADDING","FLOATING_PANEL_META_FONT_SIZE","FLOATING_PANEL_CONTROLS_GAP","FLOATING_PANEL_SURFACE_COLOR","FLOATING_PANEL_SURFACE_2_COLOR","FLOATING_PANEL_BORDER_COLOR","FLOATING_PANEL_MUTED_FG_COLOR","FLOATING_PANEL_SHADOW","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","DRAWER_CONTENT_PADDING","DRAWER_CLOSE_BUTTON_FONT_SIZE","SPLIT_HANDLE_THICKNESS","HORIZONTAL_DIVIDER_WIDTH","frameStyle","headerStyle","titleStyle","metaStyle","controlsStyle","contentStyle","FloatingPanelFrame","React","propStyle","props","ref","combinedStyle","FloatingPanelHeader","jsx","FloatingPanelTitle","FloatingPanelMeta","FloatingPanelControls","FloatingPanelContent"],"mappings":";;AAyBO,MAAMA,IAAiB,OAuBjBC,IAA2B,kEAC3BC,IAA4B,kEAC5BC,IAA6B,mEAK7BC,IAA4B,iEAC5BC,IAAwB,8DAaxBC,IAAqB,4DACrBC,IAA4B,4EAM5BC,IAA4B,kCAC5BC,IAA8B,uCAC9BC,IAA2B,oCAC3BC,IAA6B,sCAC7BC,IAAgC,0DAChCC,IAAwB,wDAKxBC,IAA6B,gDAC7BC,KAA2B,uEAwB3BC,IAAiB,kCAKjBC,IAAsB,uCAMtBC,IAA6B,GAC7BC,IAA+B,gDAC/BC,IAA8B,+CAW9BC,IAAY,8BACZC,IAAoB,sCAUpBC,KAA0BJ,GAC1BK,KAAwB,oCAKxBC,KAAwBP,GAKxBQ,KAA6B,+CAC7BC,KAAgC,uDAKhCC,KAAuBP,GACvBQ,KAA4BZ,GAC5Ba,KAA6Bd,GAC7Be,KAA4B3B,GAC5B4B,KAAwB3B,GAExB4B,KAA0B,GAK1BC,KAA2BZ,GAC3Ba,KAA4B,oDAC5BC,KAA4B,oDAK5BC,KAA8B,oDAC9BC,KAAsC,gDAKtCC,KAA8BjC,GAC9BkC,KAA+BjC,GAU/BkC,IAA+B,yCAC/BC,IAAqB,4CACrBC,IAAkC,yDAClCC,IAAkC,0DAClCC,IAAiC,yDACjCC,IAAgC,kDAChCC,IAA8B,qDAC9BC,IAA+BxC,GAC/ByC,IAAiCxC,GACjCyC,IAA8BxC,GAC9ByC,IAAgCxC,GAChCyC,IAAwBxC,GAKxByC,KAA0B,kDAC1BC,KAA0B,kDAC1BC,KAAoB,2CACpBC,KAAyB,iDACzBC,KAAgC,kDAQhCC,KAAyBtC,GAKzBuC,KAA2B,iDCpNlCC,IAAkC;AAAA,EACtC,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAcnB;AAAA,EACd,QAAQ,aAAaS,CAA2B;AAAA,EAChD,YAAYF;AAAA,EACZ,UAAU;AAAA,EACV,WAAWI;AACb,GAEMS,IAAmC;AAAA,EACvC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAKnB;AAAA,EACL,SAAS,GAAGC,CAA+B,IAAIC,CAA+B;AAAA,EAC9E,cAAc,aAAaM,CAA2B;AAAA,EACtD,YAAYD;AACd,GAEMa,IAAkC;AAAA,EACtC,YAAY;AACd,GAEMC,IAAiC;AAAA,EACrC,YAAY;AAAA,EACZ,OAAOZ;AAAA,EACP,UAAUL;AACZ,GAEMkB,IAAqC;AAAA,EACzC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAKjB;AACP,GAEMkB,IAAoC;AAAA,EACxC,SAASpB;AAAA,EACT,UAAU;AACZ,GAMaqB,IAAqBC,EAAM,WAAoD,SAC1F,EAAE,OAAOC,GAAW,GAAGC,EAAA,GACvBC,GACA;AACA,QAAMC,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGP,GAAY,GAAGQ,EAAA,IAAc,CAACA,CAAS,CAAC;AACxF,2BAAQ,OAAA,EAAI,KAAAE,GAAU,OAAOC,GAAgB,GAAGF,GAAO;AACzD,CAAC,GAMYG,IAA0D,CAAC,EAAE,OAAOJ,GAAW,GAAGC,QAAY;AACzG,QAAME,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGN,GAAa,GAAGO,EAAA,IAAc,CAACA,CAAS,CAAC;AACzF,SAAO,gBAAAK,EAAC,OAAA,EAAI,OAAOF,GAAgB,GAAGF,GAAO;AAC/C,GAMaK,IAAwD,CAAC,EAAE,OAAON,GAAW,GAAGC,QAAY;AACvG,QAAME,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGL,GAAY,GAAGM,EAAA,IAAc,CAACA,CAAS,CAAC;AACxF,SAAO,gBAAAK,EAAC,QAAA,EAAK,OAAOF,GAAgB,GAAGF,GAAO;AAChD,GAMaM,IAAsD,CAAC,EAAE,OAAOP,GAAW,GAAGC,QAAY;AACrG,QAAME,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGJ,GAAW,GAAGK,EAAA,IAAc,CAACA,CAAS,CAAC;AACvF,SAAO,gBAAAK,EAAC,QAAA,EAAK,OAAOF,GAAgB,GAAGF,GAAO;AAChD,GAMaO,IAA8D,CAAC,EAAE,OAAOR,GAAW,GAAGC,QAAY;AAC7G,QAAME,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGH,GAAe,GAAGI,EAAA,IAAc,CAACA,CAAS,CAAC;AAC3F,SAAO,gBAAAK,EAAC,OAAA,EAAI,OAAOF,GAAgB,GAAGF,GAAO;AAC/C,GAMaQ,IAAuBV,EAAM;AAAA,EACxC,SAA8B,EAAE,OAAOC,GAAW,GAAGC,EAAA,GAASC,GAAK;AACjE,UAAMC,IAAgBJ,EAAM,QAAQ,OAAO,EAAE,GAAGF,GAAc,GAAGG,EAAA,IAAc,CAACA,CAAS,CAAC;AAC1F,6BAAQ,OAAA,EAAI,KAAAE,GAAU,OAAOC,GAAgB,GAAGF,GAAO;AAAA,EACzD;AACF;AAEAH,EAAmB,cAAc;AACjCM,EAAoB,cAAc;AAClCE,EAAmB,cAAc;AACjCC,EAAkB,cAAc;AAChCC,EAAsB,cAAc;AACpCC,EAAqB,cAAc;"}

package/dist/FloatingPanelFrame-Cu50Y9xg.cjs

@@ -1,2 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),O=require("react");function I(_){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(_){for(const t in _)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(_,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>_[t]})}}return e.default=_,Object.freeze(e)}const a=I(O),i="rpl",S="var(--rpl-color-resize-handle-idle, rgba(255, 255, 255, 0.12))",T="var(--rpl-color-resize-handle-hover, rgba(33, 150, 243, 0.35))",N="var(--rpl-color-resize-handle-active, rgba(33, 150, 243, 0.55))",p="var(--rpl-color-drop-suggest-border, rgba(90, 150, 255, 0.9))",d="var(--rpl-color-drop-suggest-bg, rgba(90, 150, 255, 0.15))",G="var(--rpl-color-insert-guide, rgba(120, 160, 255, 0.95))",L="var(--rpl-color-insert-guide-shadow, 0 0 0 2px rgba(120, 160, 255, 0.2))",g="var(--rpl-color-surface, #fff)",P="var(--rpl-color-surface-2, #fafafa)",C="var(--rpl-color-border, #e5e7eb)",H="var(--rpl-color-muted-fg, #6b7280)",v="var(--rpl-shadow-card, 0 2px 10px rgba(0, 0, 0, 0.08))",F="var(--rpl-color-drawer-backdrop, rgba(0, 0, 0, 0.5))",u="var(--rpl-drawer-transition-duration, 220ms)",f="var(--rpl-drawer-transition-easing, cubic-bezier(0.22, 1, 0.36, 1))",x="var(--rpl-radius-suggest, 6px)",b="var(--rpl-size-suggest-border, 2px)",U=4,m="var(--rpl-size-resize-handle-thickness, 4px)",y="var(--rpl-size-split-handle-thickness, 6px)",B="var(--rpl-z-overlay, 9998)",W="var(--rpl-z-tabdrag-overlay, 9999)",Z=m,h="var(--rpl-z-resize-handle, 1000)",z=U,w="var(--rpl-size-grid-layer-corner-hit, 14px)",V="var(--rpl-size-grid-layer-edge-hit-thickness, 12px)",X=B,K=b,M=x,Y=p,j=d,k=6,$=W,q="var(--rpl-space-tab-drag-preview-offset-x, 12px)",J="var(--rpl-space-tab-drag-preview-offset-y, 12px)",Q="var(--rpl-size-tab-drag-insert-guide-width, 2px)",__="var(--rpl-radius-tab-drag-insert-guide, 1px)",e_=G,t_=L,a_="var(--rpl-radius-floating-panel, 8px)",n_="var(--rpl-space-floating-panel-gap, 8px)",r_="var(--rpl-space-floating-panel-header-padding-y, 8px)",E_="var(--rpl-space-floating-panel-header-padding-x, 12px)",o_="var(--rpl-space-floating-panel-content-padding, 12px)",R_="var(--rpl-size-floating-panel-meta-font, 12px)",s_="var(--rpl-space-floating-panel-controls-gap, 6px)",l_=g,D_=P,o=C,c_=H,A_=v,O_="var(--rpl-space-drawer-header-padding-y, 10px)",I_="var(--rpl-space-drawer-header-padding-x, 12px)",i_="var(--rpl-space-drawer-header-gap, 8px)",S_="var(--rpl-space-drawer-content-padding, 12px)",T_="var(--rpl-size-drawer-close-button-font, 18px)",N_=y,p_="var(--rpl-size-horizontal-divider-width, 4px)",d_={display:"flex",flexDirection:"column",borderRadius:a_,border:`1px solid ${o}`,background:l_,overflow:"hidden",boxShadow:A_},G_={display:"flex",alignItems:"center",gap:n_,padding:`${r_} ${E_}`,borderBottom:`1px solid ${o}`,background:D_},L_={fontWeight:600},g_={marginLeft:"auto",color:c_,fontSize:R_},P_={display:"flex",alignItems:"center",gap:s_},C_={padding:o_,overflow:"auto"},R=a.forwardRef(function({style:e,...t},n){const E=a.useMemo(()=>({...d_,...e}),[e]);return r.jsx("div",{ref:n,style:E,...t})}),s=({style:_,...e})=>{const t=a.useMemo(()=>({...G_,..._}),[_]);return r.jsx("div",{style:t,...e})},l=({style:_,...e})=>{const t=a.useMemo(()=>({...L_,..._}),[_]);return r.jsx("span",{style:t,...e})},D=({style:_,...e})=>{const t=a.useMemo(()=>({...g_,..._}),[_]);return r.jsx("span",{style:t,...e})},c=({style:_,...e})=>{const t=a.useMemo(()=>({...P_,..._}),[_]);return r.jsx("div",{style:t,...e})},A=a.forwardRef(function({style:e,...t},n){const E=a.useMemo(()=>({...C_,...e}),[e]);return r.jsx("div",{ref:n,style:E,...t})});R.displayName="FloatingPanelFrame";s.displayName="FloatingPanelHeader";l.displayName="FloatingPanelTitle";D.displayName="FloatingPanelMeta";c.displayName="FloatingPanelControls";A.displayName="FloatingPanelContent";exports.COLOR_DRAWER_BACKDROP=F;exports.COLOR_RESIZE_HANDLE_ACTIVE=N;exports.COLOR_RESIZE_HANDLE_HOVER=T;exports.COLOR_RESIZE_HANDLE_IDLE=S;exports.CSS_VAR_PREFIX=i;exports.DRAWER_CLOSE_BUTTON_FONT_SIZE=T_;exports.DRAWER_CONTENT_PADDING=S_;exports.DRAWER_HEADER_GAP=i_;exports.DRAWER_HEADER_PADDING_X=I_;exports.DRAWER_HEADER_PADDING_Y=O_;exports.DRAWER_TRANSITION_DURATION=u;exports.DRAWER_TRANSITION_EASING=f;exports.DROP_SUGGEST_BG_COLOR=j;exports.DROP_SUGGEST_BORDER_COLOR=Y;exports.DROP_SUGGEST_BORDER_RADIUS=M;exports.DROP_SUGGEST_BORDER_WIDTH=K;exports.DROP_SUGGEST_PADDING_PX=k;exports.DROP_SUGGEST_Z_INDEX=X;exports.FloatingPanelContent=A;exports.FloatingPanelControls=c;exports.FloatingPanelFrame=R;exports.FloatingPanelHeader=s;exports.FloatingPanelMeta=D;exports.FloatingPanelTitle=l;exports.GRID_HANDLE_THICKNESS=z;exports.GRID_LAYER_CORNER_HIT_SIZE=w;exports.GRID_LAYER_EDGE_HIT_THICKNESS=V;exports.HORIZONTAL_DIVIDER_WIDTH=p_;exports.RESIZE_HANDLE_THICKNESS=Z;exports.RESIZE_HANDLE_Z_INDEX=h;exports.SPLIT_HANDLE_THICKNESS=N_;exports.TAB_DRAG_INSERT_GUIDE_BORDER_RADIUS=__;exports.TAB_DRAG_INSERT_GUIDE_COLOR=e_;exports.TAB_DRAG_INSERT_GUIDE_SHADOW=t_;exports.TAB_DRAG_INSERT_GUIDE_WIDTH=Q;exports.TAB_DRAG_OVERLAY_Z_INDEX=$;exports.TAB_DRAG_PREVIEW_OFFSET_X=q;exports.TAB_DRAG_PREVIEW_OFFSET_Y=J;
-//# sourceMappingURL=FloatingPanelFrame-Cu50Y9xg.cjs.map

package/dist/FloatingPanelFrame-Cu50Y9xg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FloatingPanelFrame-Cu50Y9xg.cjs","sources":["../src/constants/styles.ts","../src/components/paneling/FloatingPanelFrame.tsx"],"sourcesContent":["/**\n * @file Style constants for library components\n *\n * These constants reference CSS variables defined in variables.css.\n * This allows users to override theme values via CSS while maintaining\n * type-safe constants in TypeScript.\n *\n * All CSS variables use the unified prefix: --rpl- (react-panel-layout)\n * Users can override these via CSS variables (--rpl-*)\n *\n * @example\n * // In your CSS:\n * :root {\n *   --rpl-color-primary: #ff0000;\n * }\n */\n\n// ========================================\n// CSS VARIABLE PREFIX\n// ========================================\n\n/**\n * Unified CSS variable prefix for all react-panel-layout variables\n * All theme variables use this prefix: --rpl-*\n */\nexport const CSS_VAR_PREFIX = 'rpl';\n\n// ========================================\n// COLORS\n// ========================================\n\n/**\n * Tab colors - used in TabBar component\n */\nexport const COLOR_TAB_FG = \"var(--rpl-color-tab-fg, #d5d7de)\";\nexport const COLOR_TAB_ACTIVE_BG = \"var(--rpl-color-tab-active-bg, #2b2d35)\";\nexport const COLOR_TABBAR_BG = \"var(--rpl-color-tabbar-bg, #1e1f24)\";\n\n/**\n * Panel colors - used in panel layouts\n */\nexport const COLOR_PANEL_BORDER = \"var(--rpl-color-panel-border, rgba(0, 0, 0, 0.3))\";\nexport const COLOR_PANEL_BG = \"var(--rpl-color-panel-bg, #0b0b0c)\";\n\n/**\n * Primary color - used for resize handles, highlights\n */\nexport const COLOR_PRIMARY = \"var(--rpl-color-primary, #2196f3)\";\nexport const COLOR_RESIZE_HANDLE_IDLE = \"var(--rpl-color-resize-handle-idle, rgba(255, 255, 255, 0.12))\";\nexport const COLOR_RESIZE_HANDLE_HOVER = \"var(--rpl-color-resize-handle-hover, rgba(33, 150, 243, 0.35))\";\nexport const COLOR_RESIZE_HANDLE_ACTIVE = \"var(--rpl-color-resize-handle-active, rgba(33, 150, 243, 0.55))\";\n\n/**\n * Drop suggestion overlay colors\n */\nexport const COLOR_DROP_SUGGEST_BORDER = \"var(--rpl-color-drop-suggest-border, rgba(90, 150, 255, 0.9))\";\nexport const COLOR_DROP_SUGGEST_BG = \"var(--rpl-color-drop-suggest-bg, rgba(90, 150, 255, 0.15))\";\n\n/**\n * Tab drag overlay colors\n */\nexport const COLOR_TABDRAG_BG = \"var(--rpl-color-tabdrag-bg, rgba(34, 36, 42, 0.95))\";\nexport const COLOR_TABDRAG_FG = \"var(--rpl-color-tabdrag-fg, #e9ebf0)\";\nexport const COLOR_TABDRAG_BORDER = \"var(--rpl-color-tabdrag-border, rgba(120, 160, 255, 0.6))\";\nexport const COLOR_TABDRAG_SHADOW = \"var(--rpl-color-tabdrag-shadow, 0 6px 20px rgba(0, 0, 0, 0.35))\";\n\n/**\n * Insert guide colors\n */\nexport const COLOR_INSERT_GUIDE = \"var(--rpl-color-insert-guide, rgba(120, 160, 255, 0.95))\";\nexport const COLOR_INSERT_GUIDE_SHADOW = \"var(--rpl-color-insert-guide-shadow, 0 0 0 2px rgba(120, 160, 255, 0.2))\";\n\n/**\n * Node editor / floating panel colors\n * These are used by Drawer and FloatingPanelFrame components\n */\nexport const COLOR_NODE_EDITOR_SURFACE = \"var(--rpl-color-surface, #fff)\";\nexport const COLOR_NODE_EDITOR_SURFACE_2 = \"var(--rpl-color-surface-2, #fafafa)\";\nexport const COLOR_NODE_EDITOR_BORDER = \"var(--rpl-color-border, #e5e7eb)\";\nexport const COLOR_NODE_EDITOR_MUTED_FG = \"var(--rpl-color-muted-fg, #6b7280)\";\nexport const COLOR_NODE_EDITOR_CARD_SHADOW = \"var(--rpl-shadow-card, 0 2px 10px rgba(0, 0, 0, 0.08))\";\nexport const COLOR_DRAWER_BACKDROP = \"var(--rpl-color-drawer-backdrop, rgba(0, 0, 0, 0.5))\";\n\n/**\n * Drawer transitions\n */\nexport const DRAWER_TRANSITION_DURATION = \"var(--rpl-drawer-transition-duration, 220ms)\";\nexport const DRAWER_TRANSITION_EASING = \"var(--rpl-drawer-transition-easing, cubic-bezier(0.22, 1, 0.36, 1))\";\n\n// ========================================\n// SIZING & SPACING\n// ========================================\n\n/**\n * Tab sizing\n */\nexport const SIZE_TAB_FONT = \"var(--rpl-size-tab-font, 12px)\";\nexport const SPACE_TAB_PADDING_Y = \"var(--rpl-space-tab-padding-y, 4px)\";\nexport const SPACE_TAB_PADDING_X = \"var(--rpl-space-tab-padding-x, 8px)\";\n\n/**\n * Tabbar spacing\n */\nexport const SPACE_TABBAR_GAP = \"var(--rpl-space-tabbar-gap, 6px)\";\nexport const SPACE_TABBAR_PADDING_Y = \"var(--rpl-space-tabbar-padding-y, 4px)\";\nexport const SPACE_TABBAR_PADDING_X = \"var(--rpl-space-tabbar-padding-x, 6px)\";\n\n/**\n * Border radius (decorative, using CSS variables)\n */\nexport const RADIUS_TAB = \"var(--rpl-radius-tab, 4px)\";\nexport const RADIUS_SUGGEST = \"var(--rpl-radius-suggest, 6px)\";\n\n/**\n * Border widths\n */\nexport const SIZE_SUGGEST_BORDER = \"var(--rpl-size-suggest-border, 2px)\";\n\n/**\n * Handle thicknesses\n * Note: SIZE_GRID_HANDLE_THICKNESS is kept as number for JavaScript calculations\n */\nexport const SIZE_GRID_HANDLE_THICKNESS = 4; // Used in GridTrackResizeHandle.tsx for offset calculation\nexport const SIZE_RESIZE_HANDLE_THICKNESS = \"var(--rpl-size-resize-handle-thickness, 4px)\";\nexport const SIZE_SPLIT_HANDLE_THICKNESS = \"var(--rpl-size-split-handle-thickness, 6px)\";\n\n/**\n * Drop suggest padding\n */\nexport const SPACE_DROP_SUGGEST_PADDING = \"var(--rpl-space-drop-suggest-padding, 6px)\";\n\n// ========================================\n// Z-INDEXES\n// ========================================\n\nexport const Z_OVERLAY = \"var(--rpl-z-overlay, 9998)\";\nexport const Z_TABDRAG_OVERLAY = \"var(--rpl-z-tabdrag-overlay, 9999)\";\nexport const Z_DIALOG_OVERLAY = \"var(--rpl-z-dialog-overlay, 10000)\";\n\n// ========================================\n// COMPONENT-SPECIFIC CONSTANTS\n// ========================================\n\n/**\n * Resize Handle\n */\nexport const RESIZE_HANDLE_THICKNESS = SIZE_RESIZE_HANDLE_THICKNESS;\nexport const RESIZE_HANDLE_Z_INDEX = \"var(--rpl-z-resize-handle, 1000)\";\n\n/**\n * Grid Track Resize Handle\n */\nexport const GRID_HANDLE_THICKNESS = SIZE_GRID_HANDLE_THICKNESS;\n\n/**\n * Grid Layer Resize Handles\n */\nexport const GRID_LAYER_CORNER_HIT_SIZE = \"var(--rpl-size-grid-layer-corner-hit, 14px)\";\nexport const GRID_LAYER_EDGE_HIT_THICKNESS = \"var(--rpl-size-grid-layer-edge-hit-thickness, 12px)\";\n\n/**\n * Drop Suggest Overlay\n */\nexport const DROP_SUGGEST_Z_INDEX = Z_OVERLAY;\nexport const DROP_SUGGEST_BORDER_WIDTH = SIZE_SUGGEST_BORDER;\nexport const DROP_SUGGEST_BORDER_RADIUS = RADIUS_SUGGEST;\nexport const DROP_SUGGEST_BORDER_COLOR = COLOR_DROP_SUGGEST_BORDER;\nexport const DROP_SUGGEST_BG_COLOR = COLOR_DROP_SUGGEST_BG;\nexport const DROP_SUGGEST_PADDING = SPACE_DROP_SUGGEST_PADDING;\nexport const DROP_SUGGEST_PADDING_PX = 6;\n\n/**\n * Tab Drag Overlay\n */\nexport const TAB_DRAG_OVERLAY_Z_INDEX = Z_TABDRAG_OVERLAY;\nexport const TAB_DRAG_PREVIEW_OFFSET_X = \"var(--rpl-space-tab-drag-preview-offset-x, 12px)\";\nexport const TAB_DRAG_PREVIEW_OFFSET_Y = \"var(--rpl-space-tab-drag-preview-offset-y, 12px)\";\nexport const TAB_DRAG_PREVIEW_BORDER_RADIUS = \"var(--rpl-radius-tab-drag-preview, 6px)\";\nexport const TAB_DRAG_PREVIEW_PADDING_Y = \"var(--rpl-space-tab-drag-preview-padding-y, 4px)\";\nexport const TAB_DRAG_PREVIEW_PADDING_X = \"var(--rpl-space-tab-drag-preview-padding-x, 8px)\";\nexport const TAB_DRAG_PREVIEW_FONT_SIZE = \"var(--rpl-size-tab-drag-preview-font, 12px)\";\nexport const TAB_DRAG_INSERT_GUIDE_WIDTH = \"var(--rpl-size-tab-drag-insert-guide-width, 2px)\";\nexport const TAB_DRAG_INSERT_GUIDE_BORDER_RADIUS = \"var(--rpl-radius-tab-drag-insert-guide, 1px)\";\nexport const TAB_DRAG_PREVIEW_BG_COLOR = COLOR_TABDRAG_BG;\nexport const TAB_DRAG_PREVIEW_FG_COLOR = COLOR_TABDRAG_FG;\nexport const TAB_DRAG_PREVIEW_BORDER_COLOR = COLOR_TABDRAG_BORDER;\nexport const TAB_DRAG_PREVIEW_SHADOW = COLOR_TABDRAG_SHADOW;\nexport const TAB_DRAG_INSERT_GUIDE_COLOR = COLOR_INSERT_GUIDE;\nexport const TAB_DRAG_INSERT_GUIDE_SHADOW = COLOR_INSERT_GUIDE_SHADOW;\n\n/**\n * Dialog Overlay\n */\nexport const DIALOG_OVERLAY_Z_INDEX = Z_DIALOG_OVERLAY;\n\n/**\n * Floating Panel Frame\n */\nexport const FLOATING_PANEL_BORDER_RADIUS = \"var(--rpl-radius-floating-panel, 8px)\";\nexport const FLOATING_PANEL_GAP = \"var(--rpl-space-floating-panel-gap, 8px)\";\nexport const FLOATING_PANEL_HEADER_PADDING_Y = \"var(--rpl-space-floating-panel-header-padding-y, 8px)\";\nexport const FLOATING_PANEL_HEADER_PADDING_X = \"var(--rpl-space-floating-panel-header-padding-x, 12px)\";\nexport const FLOATING_PANEL_CONTENT_PADDING = \"var(--rpl-space-floating-panel-content-padding, 12px)\";\nexport const FLOATING_PANEL_META_FONT_SIZE = \"var(--rpl-size-floating-panel-meta-font, 12px)\";\nexport const FLOATING_PANEL_CONTROLS_GAP = \"var(--rpl-space-floating-panel-controls-gap, 6px)\";\nexport const FLOATING_PANEL_SURFACE_COLOR = COLOR_NODE_EDITOR_SURFACE;\nexport const FLOATING_PANEL_SURFACE_2_COLOR = COLOR_NODE_EDITOR_SURFACE_2;\nexport const FLOATING_PANEL_BORDER_COLOR = COLOR_NODE_EDITOR_BORDER;\nexport const FLOATING_PANEL_MUTED_FG_COLOR = COLOR_NODE_EDITOR_MUTED_FG;\nexport const FLOATING_PANEL_SHADOW = COLOR_NODE_EDITOR_CARD_SHADOW;\n\n/**\n * Drawer\n */\nexport const DRAWER_HEADER_PADDING_Y = \"var(--rpl-space-drawer-header-padding-y, 10px)\";\nexport const DRAWER_HEADER_PADDING_X = \"var(--rpl-space-drawer-header-padding-x, 12px)\";\nexport const DRAWER_HEADER_GAP = \"var(--rpl-space-drawer-header-gap, 8px)\";\nexport const DRAWER_CONTENT_PADDING = \"var(--rpl-space-drawer-content-padding, 12px)\";\nexport const DRAWER_CLOSE_BUTTON_FONT_SIZE = \"var(--rpl-size-drawer-close-button-font, 18px)\";\nexport const DRAWER_SURFACE_COLOR = COLOR_NODE_EDITOR_SURFACE;\nexport const DRAWER_BORDER_COLOR = COLOR_NODE_EDITOR_BORDER;\nexport const DRAWER_SHADOW = COLOR_NODE_EDITOR_CARD_SHADOW;\n\n/**\n * Split Handles\n */\nexport const SPLIT_HANDLE_THICKNESS = SIZE_SPLIT_HANDLE_THICKNESS;\n\n/**\n * HorizontalDivider\n */\nexport const HORIZONTAL_DIVIDER_WIDTH = \"var(--rpl-size-horizontal-divider-width, 4px)\";\nexport const HORIZONTAL_DIVIDER_HIT_AREA_OFFSET = \"var(--rpl-space-horizontal-divider-hit-area-offset, 4px)\";\n","/**\n * @file Shared floating panel frame components for reusable overlay styling\n */\nimport * as React from \"react\";\nimport {\n  FLOATING_PANEL_BORDER_RADIUS,\n  FLOATING_PANEL_GAP,\n  FLOATING_PANEL_HEADER_PADDING_Y,\n  FLOATING_PANEL_HEADER_PADDING_X,\n  FLOATING_PANEL_CONTENT_PADDING,\n  FLOATING_PANEL_META_FONT_SIZE,\n  FLOATING_PANEL_CONTROLS_GAP,\n  FLOATING_PANEL_SURFACE_COLOR,\n  FLOATING_PANEL_SURFACE_2_COLOR,\n  FLOATING_PANEL_BORDER_COLOR,\n  FLOATING_PANEL_MUTED_FG_COLOR,\n  FLOATING_PANEL_SHADOW,\n} from \"../../constants/styles\";\n\nconst frameStyle: React.CSSProperties = {\n  display: \"flex\",\n  flexDirection: \"column\",\n  borderRadius: FLOATING_PANEL_BORDER_RADIUS,\n  border: `1px solid ${FLOATING_PANEL_BORDER_COLOR}`,\n  background: FLOATING_PANEL_SURFACE_COLOR,\n  overflow: \"hidden\",\n  boxShadow: FLOATING_PANEL_SHADOW,\n};\n\nconst headerStyle: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: FLOATING_PANEL_GAP,\n  padding: `${FLOATING_PANEL_HEADER_PADDING_Y} ${FLOATING_PANEL_HEADER_PADDING_X}`,\n  borderBottom: `1px solid ${FLOATING_PANEL_BORDER_COLOR}`,\n  background: FLOATING_PANEL_SURFACE_2_COLOR,\n};\n\nconst titleStyle: React.CSSProperties = {\n  fontWeight: 600,\n};\n\nconst metaStyle: React.CSSProperties = {\n  marginLeft: \"auto\",\n  color: FLOATING_PANEL_MUTED_FG_COLOR,\n  fontSize: FLOATING_PANEL_META_FONT_SIZE,\n};\n\nconst controlsStyle: React.CSSProperties = {\n  display: \"flex\",\n  alignItems: \"center\",\n  gap: FLOATING_PANEL_CONTROLS_GAP,\n};\n\nconst contentStyle: React.CSSProperties = {\n  padding: FLOATING_PANEL_CONTENT_PADDING,\n  overflow: \"auto\",\n};\n\nexport type FloatingPanelFrameProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelFrame = React.forwardRef<HTMLDivElement, FloatingPanelFrameProps>(function FloatingPanelFrame(\n  { style: propStyle, ...props },\n  ref,\n) {\n  const combinedStyle = React.useMemo(() => ({ ...frameStyle, ...propStyle }), [propStyle]);\n  return <div ref={ref} style={combinedStyle} {...props} />;\n});\n\nexport type FloatingPanelHeaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelHeader: React.FC<FloatingPanelHeaderProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...headerStyle, ...propStyle }), [propStyle]);\n  return <div style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelTitleProps = Omit<React.HTMLAttributes<HTMLSpanElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelTitle: React.FC<FloatingPanelTitleProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...titleStyle, ...propStyle }), [propStyle]);\n  return <span style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelMetaProps = Omit<React.HTMLAttributes<HTMLSpanElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelMeta: React.FC<FloatingPanelMetaProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...metaStyle, ...propStyle }), [propStyle]);\n  return <span style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelControlsProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelControls: React.FC<FloatingPanelControlsProps> = ({ style: propStyle, ...props }) => {\n  const combinedStyle = React.useMemo(() => ({ ...controlsStyle, ...propStyle }), [propStyle]);\n  return <div style={combinedStyle} {...props} />;\n};\n\nexport type FloatingPanelContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> & {\n  style?: React.CSSProperties;\n};\n\nexport const FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  function FloatingPanelContent({ style: propStyle, ...props }, ref) {\n    const combinedStyle = React.useMemo(() => ({ ...contentStyle, ...propStyle }), [propStyle]);\n    return <div ref={ref} style={combinedStyle} {...props} />;\n  },\n);\n\nFloatingPanelFrame.displayName = \"FloatingPanelFrame\";\nFloatingPanelHeader.displayName = \"FloatingPanelHeader\";\nFloatingPanelTitle.displayName = \"FloatingPanelTitle\";\nFloatingPanelMeta.displayName = \"FloatingPanelMeta\";\nFloatingPanelControls.displayName = \"FloatingPanelControls\";\nFloatingPanelContent.displayName = \"FloatingPanelContent\";\n\n"],"names":["CSS_VAR_PREFIX","COLOR_RESIZE_HANDLE_IDLE","COLOR_RESIZE_HANDLE_HOVER","COLOR_RESIZE_HANDLE_ACTIVE","COLOR_DROP_SUGGEST_BORDER","COLOR_DROP_SUGGEST_BG","COLOR_INSERT_GUIDE","COLOR_INSERT_GUIDE_SHADOW","COLOR_NODE_EDITOR_SURFACE","COLOR_NODE_EDITOR_SURFACE_2","COLOR_NODE_EDITOR_BORDER","COLOR_NODE_EDITOR_MUTED_FG","COLOR_NODE_EDITOR_CARD_SHADOW","COLOR_DRAWER_BACKDROP","DRAWER_TRANSITION_DURATION","DRAWER_TRANSITION_EASING","RADIUS_SUGGEST","SIZE_SUGGEST_BORDER","SIZE_GRID_HANDLE_THICKNESS","SIZE_RESIZE_HANDLE_THICKNESS","SIZE_SPLIT_HANDLE_THICKNESS","Z_OVERLAY","Z_TABDRAG_OVERLAY","RESIZE_HANDLE_THICKNESS","RESIZE_HANDLE_Z_INDEX","GRID_HANDLE_THICKNESS","GRID_LAYER_CORNER_HIT_SIZE","GRID_LAYER_EDGE_HIT_THICKNESS","DROP_SUGGEST_Z_INDEX","DROP_SUGGEST_BORDER_WIDTH","DROP_SUGGEST_BORDER_RADIUS","DROP_SUGGEST_BORDER_COLOR","DROP_SUGGEST_BG_COLOR","DROP_SUGGEST_PADDING_PX","TAB_DRAG_OVERLAY_Z_INDEX","TAB_DRAG_PREVIEW_OFFSET_X","TAB_DRAG_PREVIEW_OFFSET_Y","TAB_DRAG_INSERT_GUIDE_WIDTH","TAB_DRAG_INSERT_GUIDE_BORDER_RADIUS","TAB_DRAG_INSERT_GUIDE_COLOR","TAB_DRAG_INSERT_GUIDE_SHADOW","FLOATING_PANEL_BORDER_RADIUS","FLOATING_PANEL_GAP","FLOATING_PANEL_HEADER_PADDING_Y","FLOATING_PANEL_HEADER_PADDING_X","FLOATING_PANEL_CONTENT_PADDING","FLOATING_PANEL_META_FONT_SIZE","FLOATING_PANEL_CONTROLS_GAP","FLOATING_PANEL_SURFACE_COLOR","FLOATING_PANEL_SURFACE_2_COLOR","FLOATING_PANEL_BORDER_COLOR","FLOATING_PANEL_MUTED_FG_COLOR","FLOATING_PANEL_SHADOW","DRAWER_HEADER_PADDING_Y","DRAWER_HEADER_PADDING_X","DRAWER_HEADER_GAP","DRAWER_CONTENT_PADDING","DRAWER_CLOSE_BUTTON_FONT_SIZE","SPLIT_HANDLE_THICKNESS","HORIZONTAL_DIVIDER_WIDTH","frameStyle","headerStyle","titleStyle","metaStyle","controlsStyle","contentStyle","FloatingPanelFrame","React","propStyle","props","ref","combinedStyle","FloatingPanelHeader","jsx","FloatingPanelTitle","FloatingPanelMeta","FloatingPanelControls","FloatingPanelContent"],"mappings":"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"}

package/dist/GridLayout-CwuQEP7k.cjs

@@ -1,2 +0,0 @@
-"use strict";const h=require("react/jsx-runtime"),At=require("react"),b=require("./FloatingPanelFrame-Cu50Y9xg.cjs"),kt=require("react-dom");function Nt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const i=Nt(At),Gt=()=>{const t=new Map;return e=>{if(!e)return;const n=t.get(e);if(n!==void 0)return n;const o=t.size;return t.set(e,o),o}},jt=Gt(),V=new Map,$t=t=>{const e=`ovs-threshold:${t.threshold}-rootMargin:${t.rootMargin}-root:${jt(t.root)}`;if(V.has(e))return V.get(e);const n=new class{#t=new Map;#e=new IntersectionObserver(o=>{o.forEach(r=>{const s=this.#t.get(r.target);s&&s(r)})},t);observe(o,r){return this.#t.set(o,r),this.#e.observe(o),()=>{this.#t.delete(o),this.#e.unobserve(o)}}};return V.set(e,n),n},it=Object.freeze({x:0,y:0,width:0,height:0,top:0,right:0,bottom:0,left:0});function Ot(t,{threshold:e=0,rootMargin:n="0px",root:o=null}){const[r,s]=i.useState(null);return i.useEffect(()=>{const c=t.current;return c?$t({threshold:e,rootMargin:n,root:o}).observe(c,a=>{s({isIntersecting:a.isIntersecting,boundingClientRect:a.boundingClientRect,intersectionRatio:a.intersectionRatio,intersectionRect:a.intersectionRect,rootBounds:a.rootBounds,target:a.target,time:a.time})}):void 0},[t,e,n,o]),i.useMemo(()=>({isIntersecting:r?.isIntersecting??!1,boundingClientRect:r?.boundingClientRect??it,intersectionRatio:r?.intersectionRatio??0,intersectionRect:r?.intersectionRect??it,rootBounds:r?.rootBounds??null,target:r?.target??t.current,time:r?.time??0}),[r,t])}const at={position:"fixed",inset:0,background:b.COLOR_DRAWER_BACKDROP},Ft={willChange:"transform"},ct={left:{top:0,bottom:0,left:0,transform:"translateX(-100%)"},right:{top:0,bottom:0,right:0,transform:"translateX(100%)"},top:{top:0,left:0,right:0,transform:"translateY(-100%)"},bottom:{bottom:0,left:0,right:0,transform:"translateY(100%)"}},Yt=(t,e,n)=>{if(t==="none")return;const o=e??b.DRAWER_TRANSITION_DURATION,r=n??b.DRAWER_TRANSITION_EASING;return`transform ${o} ${r}`},Wt=(t,e)=>t?e:!1,Bt={marginLeft:"auto",border:"none",background:"transparent",cursor:"pointer",fontSize:b.DRAWER_CLOSE_BUTTON_FONT_SIZE},Xt=({header:t,dismissible:e,onClose:n})=>{if(!t)return null;const o=t.showCloseButton??!0,r=Wt(e,o);return h.jsx(i.Activity,{mode:t?"visible":"hidden",children:h.jsxs(b.FloatingPanelHeader,{style:{padding:`${b.DRAWER_HEADER_PADDING_Y} ${b.DRAWER_HEADER_PADDING_X}`,gap:b.DRAWER_HEADER_GAP},children:[h.jsx(i.Activity,{mode:t?"visible":"hidden",children:h.jsx(b.FloatingPanelTitle,{children:t.title})}),h.jsx(i.Activity,{mode:r?"visible":"hidden",children:h.jsx("button",{style:Bt,onClick:n,"aria-label":"Close drawer",type:"button",children:"×"})})]})})},Zt=({header:t,dismissible:e,onClose:n,chrome:o,children:r})=>o?h.jsxs(b.FloatingPanelFrame,{style:{height:"100%",borderRadius:0},children:[h.jsx(Xt,{header:t,dismissible:e,onClose:n}),h.jsx(b.FloatingPanelContent,{style:{padding:b.DRAWER_CONTENT_PADDING,flex:1,display:"flex",flexDirection:"column"},children:r})]}):h.jsx(h.Fragment,{children:r}),Rt=({id:t,config:e,isOpen:n,onClose:o,children:r,zIndex:s,width:c,height:u,position:a})=>{const{dismissible:d=!0,header:p,chrome:f=!0,inline:m=!1,transitionMode:E="css",transitionDuration:R,transitionEasing:z}=e,P=i.useCallback(x=>x?x.left!==void 0?"left":x.right!==void 0?"right":x.top!==void 0?"top":x.bottom!==void 0?"bottom":"right":"right",[])(a),G={left:"translateX(0)",right:"translateX(0)",top:"translateY(0)",bottom:"translateY(0)"},y=i.useMemo(()=>{const x=Yt(E,R,z),_={...Ft,...m?{position:"absolute"}:{position:"fixed"},...ct[P],transform:n?G[P]:ct[P].transform,transition:x};return s!==void 0&&(_.zIndex=s),c!==void 0&&(_.width=typeof c=="number"?`${c}px`:c),u!==void 0&&(_.height=typeof u=="number"?`${u}px`:u),_},[u,m,n,P,R,z,E,c,s]),L=p?.title??e.ariaLabel??"Drawer",M=i.useMemo(()=>{const x=m?{...at,position:"absolute"}:at,_=E==="none"?void 0:`opacity ${R??"220ms"} ease`;return{...x,opacity:n?1:0,pointerEvents:n?"auto":"none",transition:_,zIndex:s!==void 0?s-1:void 0}},[m,n,R,E,s]);return h.jsxs(h.Fragment,{children:[h.jsx("div",{style:M,onClick:d?o:void 0}),h.jsx("div",{"data-layer-id":t,"data-placement":P,style:y,role:"dialog","aria-modal":d?!0:void 0,"aria-hidden":n?void 0:!0,"aria-label":L,children:h.jsx(Zt,{header:p,dismissible:d,onClose:o,chrome:f,children:r})})]})},Ut=(t,e)=>new Promise(n=>{let o=!1;const r=()=>{o||(o=!0,t.removeEventListener("transitionend",s),n())},s=c=>{c.target===t&&r()};t.addEventListener("transitionend",s),setTimeout(r,e+50)}),J=async(t,e,n,o)=>{switch(e){case"none":t();return;case"css":t(),n&&await Ut(n,o);return}},Vt=t=>{const[e,n]=i.useState({}),o=i.useRef(t);o.current=t;const r=i.useCallback(async(a,d,p)=>{const{mode:f="none",element:m,duration:E=300}=p??{};await J(()=>{n(D=>D[a]===d?D:{...D,[a]:d})},f,m?.current,E);const z=o.current;d?z?.onOpen?.(a):z?.onClose?.(a),z?.onTransitionEnd?.(a,d)},[]),s=i.useCallback(a=>e[a]??!1,[e]),c=i.useCallback((a,d)=>r(a,!0,d),[r]),u=i.useCallback((a,d)=>r(a,!1,d),[r]);return{state:s,open:c,close:u}},Kt=t=>{if(!t)return 300;const e=t.match(/(\d+)/);return e?parseInt(e[1],10):300},qt=t=>{const[e,n]=i.useState(()=>{const a={};return t.forEach(d=>{d.drawer&&(a[d.id]=d.drawer.defaultOpen??!1)}),a}),o=i.useMemo(()=>{const a=new Map;return t.forEach(d=>a.set(d.id,d)),a},[t]),r=i.useCallback(async(a,d,p)=>{const f=o.get(a);if(!f?.drawer)return;const m=p?.mode??f.drawer.transitionMode??"css",E=p?.duration??Kt(f.drawer.transitionDuration),R=p?.element?.current;await J(()=>{f.drawer?.open===void 0&&n(D=>D[a]===d?D:{...D,[a]:d}),f.drawer?.onStateChange?.(d)},m,R,E)},[o]),s=i.useCallback(a=>{const d=o.get(a);return d?.drawer?.open!==void 0?d.drawer.open:e[a]??!1},[o,e]),c=i.useCallback((a,d)=>r(a,!0,d),[r]),u=i.useCallback((a,d)=>r(a,!1,d),[r]);return{state:s,open:c,close:u}},St=({layers:t})=>{const e=qt(t),n=i.useMemo(()=>t.filter(r=>r.drawer),[t]),o=i.useMemo(()=>{const r=new Map;return n.forEach(s=>{r.set(s.id,()=>e.close(s.id))}),r},[n,e.close]);return h.jsx(h.Fragment,{children:n.map(r=>{if(!r.drawer)return null;const s=e.state(r.id),c=o.get(r.id);return c?h.jsx(Rt,{id:r.id,config:r.drawer,isOpen:s,onClose:c,zIndex:r.zIndex,width:r.width,height:r.height,position:r.position,children:r.component},r.id):null})})},Ct=i.createContext(null),Jt=({value:t,children:e})=>h.jsx(Ct.Provider,{value:t,children:e}),zt=()=>{const t=i.useContext(Ct);if(!t)throw new Error("useGridLayoutContext must be used within a GridLayoutProvider.");return t},It=i.createContext(null),Qt=()=>{const t=i.useContext(It);if(!t)throw new Error("usePanelSystem must be used within a PanelSystemProvider.");return t},te=({config:t,layers:e,style:n,children:o})=>{const r=i.useMemo(()=>{const c=new Map;return e.forEach(u=>{c.set(u.id,u)}),c},[e]),s=i.useMemo(()=>({config:t,style:n,layers:{defs:e,layerById:r}}),[t,n,e,r]);return h.jsx(It.Provider,{value:s,children:o})},Dt=i.createContext(null),xt=({layerId:t,children:e})=>{const n=i.useMemo(()=>({layerId:t}),[t]);return h.jsx(Dt.Provider,{value:n,children:e})},ee=()=>{const t=i.useContext(Dt);if(!t)throw new Error("useLayerInstance must be used within a LayerInstanceProvider.");return t},ut=(t,e,n)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Popup layer "${n}" requires a numeric "${e}" value.`)},Pt=(t,e)=>{if(!t)throw new Error(`Popup layer "${e}" must define position (left/top).`);return{left:ut(t.left,"left",e),top:ut(t.top,"top",e)}},O=t=>`${Math.round(t)}`,N=t=>{if(t!==void 0)return t?"yes":"no"},ne=(t,e,n,o,r)=>{const s={},c=Pt(e,t);if(typeof n!="number"||typeof o!="number")throw new Error(`Popup layer "${t}" requires numeric width/height.`);s.width=O(n),s.height=O(o),s.left=O(c.left),s.top=O(c.top);const u=r?.features;if(u){const a=N(u.toolbar),d=N(u.menubar),p=N(u.location),f=N(u.status),m=N(u.resizable),E=N(u.scrollbars);a!==void 0&&(s.toolbar=a),d!==void 0&&(s.menubar=d),p!==void 0&&(s.location=p),f!==void 0&&(s.status=f),m!==void 0&&(s.resizable=m),E!==void 0&&(s.scrollbars=E)}return Object.entries(s).map(([a,d])=>`${a}=${d}`).join(",")},lt=(t,e,n,o,r)=>{const s=Pt(n,e);if(typeof o!="number"||typeof r!="number")throw new Error(`Popup layer "${e}" requires numeric width/height.`);t.moveTo(Math.round(s.left),Math.round(s.top)),t.resizeTo(Math.round(o),Math.round(r))},re=({layer:t})=>{const e=t.floating;if(!e)throw new Error(`Layer "${t.id}" is missing floating configuration required for popup mode.`);if((e.mode??"embedded")!=="popup")throw new Error(`PopupLayerPortal received layer "${t.id}" that is not configured for popup mode.`);const o=i.useRef(null),r=i.useRef(null),[s,c]=i.useState(!1);return i.useEffect(()=>{if(typeof window>"u")return;const u=ne(t.id,t.position,t.width,t.height,e.popup),a=e.popup?.name??t.id,d=oe(a,u,{position:t.position,size:{width:t.width,height:t.height}},e.popup);if(!d)throw new Error(`Failed to open popup window for layer "${t.id}".`);const p=d;r.current=p,e.popup?.focus!==!1&&p.focus(),p.document.title||(p.document.title=t.id),p.document.body.innerHTML="";const f=p.document.createElement("div");f.dataset.layerId=t.id,p.document.body.appendChild(f),o.current=f,c(!0),lt(p,t.id,t.position,t.width,t.height);const m=()=>{r.current=null,o.current=null,c(!1)};return p.addEventListener("beforeunload",m),()=>{p.removeEventListener("beforeunload",m),e.popup?.closeOnUnmount!==!1&&p.close(),r.current=null,o.current=null,c(!1)}},[e.popup?.closeOnUnmount,e.popup?.features?.location,e.popup?.features?.menubar,e.popup?.features?.resizable,e.popup?.features?.scrollbars,e.popup?.features?.status,e.popup?.features?.toolbar,e.popup?.focus,e.popup?.name,t.id]),i.useEffect(()=>{const u=r.current;u&&lt(u,t.id,t.position,t.width,t.height)},[t.position?.left,t.position?.top,t.height,t.width,t.id]),!s||!o.current?null:kt.createPortal(h.jsx(xt,{layerId:t.id,children:t.component}),o.current)},oe=(t,e,n,o)=>{const r=o?.createWindow;return r?r({name:t,features:e,bounds:n}):window.open("",t,e)},Lt={position:"absolute",pointerEvents:"auto",boxSizing:"border-box",background:"transparent",border:"none"},se={...Lt,width:b.GRID_LAYER_CORNER_HIT_SIZE,height:b.GRID_LAYER_CORNER_HIT_SIZE,zIndex:2},ie={...Lt,zIndex:1},ae={"top-left":{top:0,left:0,transform:"translate(-50%, -50%)",cursor:"nwse-resize"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)",cursor:"nesw-resize"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)",cursor:"nesw-resize"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)",cursor:"nwse-resize"}},ce={left:{top:b.GRID_LAYER_CORNER_HIT_SIZE,bottom:b.GRID_LAYER_CORNER_HIT_SIZE,left:0,width:b.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(-50%)",cursor:"ew-resize"},right:{top:b.GRID_LAYER_CORNER_HIT_SIZE,bottom:b.GRID_LAYER_CORNER_HIT_SIZE,right:0,width:b.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateX(50%)",cursor:"ew-resize"},top:{left:b.GRID_LAYER_CORNER_HIT_SIZE,right:b.GRID_LAYER_CORNER_HIT_SIZE,top:0,height:b.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(-50%)",cursor:"ns-resize"},bottom:{left:b.GRID_LAYER_CORNER_HIT_SIZE,right:b.GRID_LAYER_CORNER_HIT_SIZE,bottom:0,height:b.GRID_LAYER_EDGE_HIT_THICKNESS,transform:"translateY(50%)",cursor:"ns-resize"}},ue=[{key:"top-left",variant:"corner",horizontal:"left",vertical:"top"},{key:"top-right",variant:"corner",horizontal:"right",vertical:"top"},{key:"bottom-left",variant:"corner",horizontal:"left",vertical:"bottom"},{key:"bottom-right",variant:"corner",horizontal:"right",vertical:"bottom"},{key:"left",variant:"edge",horizontal:"left"},{key:"right",variant:"edge",horizontal:"right"},{key:"top",variant:"edge",vertical:"top"},{key:"bottom",variant:"edge",vertical:"bottom"}],le=({layerId:t,onPointerDown:e})=>h.jsx(h.Fragment,{children:ue.map(n=>{const o=n.variant==="corner"?se:ie,r=n.variant==="corner"?ae[n.key]:ce[n.key],s={...o,...r},c=n.variant==="corner"?{"data-resize-corner":n.key}:{"data-resize-edge":n.key};return h.jsx("div",{role:"presentation","aria-hidden":"true",style:s,...c,"data-layer-id":t,onPointerDown:u=>e(n,u)},n.key)})}),de=({layers:t})=>{const{handleLayerPointerDown:e,getLayerRenderState:n}=zt(),o=i.useCallback(r=>r.length===0?null:r.map(s=>h.jsx(le,{layerId:s.layerId,onPointerDown:s.onPointerDown},s.layerId)),[]);return h.jsx(h.Fragment,{children:t.map(r=>{const s=r.floating?.mode??"embedded";if(r.floating&&s==="popup")return h.jsx(re,{layer:r},r.id);const{style:c,isResizable:u,isResizing:a,onResizeHandlePointerDown:d}=n(r),p={};r.gridArea&&(p.gridArea=r.gridArea),r.gridRow&&(p.gridRow=r.gridRow),r.gridColumn&&(p.gridColumn=r.gridColumn);const m=u?{...c,...p,position:"relative"}:{...c,...p},R=o(u?[{layerId:r.id,onPointerDown:d}]:[]);return h.jsxs("div",{"data-layer-id":r.id,"data-draggable":!!r.floating?.draggable,"data-resizable":u,"data-resizing":a,style:m,onPointerDown:e,children:[h.jsx(xt,{layerId:r.id,children:r.component}),R]},r.id)})})};function A(t){const e=i.useRef(t);return e.current=t,i.useCallback((...n)=>{const o=e.current;if(o)return o(...n)},[])}function K(t,e){const n=A(e.onMove),o=A(e.onUp),r=A(e.onCancel);i.useEffect(()=>{if(t)return e.onMove&&document.addEventListener("pointermove",n,{passive:!1}),e.onUp&&document.addEventListener("pointerup",o),e.onCancel&&document.addEventListener("pointercancel",r),()=>{e.onMove&&document.removeEventListener("pointermove",n),e.onUp&&document.removeEventListener("pointerup",o),e.onCancel&&document.removeEventListener("pointercancel",r)}},[t,e.onMove,e.onUp,e.onCancel,n,o,r])}function fe(t,e,n){i.useEffect(()=>{const o=t.current;if(!(!e||!o||n===void 0))return o.setPointerCapture(n),()=>{o.hasPointerCapture&&o.hasPointerCapture(n)&&o.releasePointerCapture(n)}},[t,e,n])}function pe(t,e,n=["pointerdown","pointermove","pointerup"]){i.useEffect(()=>{const o=t.current;if(!e||!o)return;const r=s=>{s.preventDefault()};return n.forEach(s=>{o.addEventListener(s,r,{passive:!1})}),()=>{n.forEach(s=>{o.removeEventListener(s,r)})}},[t,e,n])}function ge(t,e,n){const{onMove:o,onUp:r,onCancel:s,pointerId:c,capturePointer:u=!0,preventDefaults:a=!0}=n;K(e,{onMove:o,onUp:r,onCancel:s}),fe(t,e?u:!1,c),pe(t,e?a:!1)}const yt=t=>{const e=i.useRef(null),n=i.useRef(null),o=i.useRef(0),[r,s]=i.useState(!1),c=A(f=>{t.onResize?.(f)}),u=i.useCallback(f=>t.axis==="x"?f.clientX:f.clientY,[t.axis]),a=i.useCallback(f=>{f.preventDefault(),e.current=f.currentTarget,n.current=f.pointerId,o.current=u(f),s(!0)},[u]),d=i.useCallback(f=>{const m=u(f),E=m-o.current;E!==0&&(o.current=m,c(E))},[u,c]),p=i.useCallback(()=>{s(!1),n.current=null},[]);return ge(e,r,{onMove:d,onUp:p,pointerId:n.current??void 0,capturePointer:!0,preventDefaults:!1}),{ref:e,onPointerDown:a,isDragging:r}},he=({element:t,component:e})=>i.forwardRef(({children:n,...o},r)=>t?i.cloneElement(t,{...o,ref:r},n??t.props.children):e?h.jsx(e,{...o,ref:r,children:n}):h.jsx("div",{...o,ref:r,children:n}));function _t({element:t,component:e}){return i.useMemo(()=>he({element:t,component:e}),[e,t])}const me={position:"absolute",zIndex:b.RESIZE_HANDLE_Z_INDEX},be={vertical:{width:b.RESIZE_HANDLE_THICKNESS,height:"100%",top:0,cursor:"col-resize"},horizontal:{width:"100%",height:b.RESIZE_HANDLE_THICKNESS,left:0,cursor:"row-resize"}},we={idle:b.COLOR_RESIZE_HANDLE_IDLE,hovered:b.COLOR_RESIZE_HANDLE_HOVER,dragging:b.COLOR_RESIZE_HANDLE_ACTIVE},Tt=({direction:t,onResize:e,component:n,element:o,children:r})=>{const s=t==="vertical"?"x":"y",{ref:c,isDragging:u,onPointerDown:a}=yt({axis:s,onResize:e}),[d,p]=i.useState(!1),f=i.useCallback(()=>{p(!0)},[]),m=i.useCallback(()=>{p(!1)},[]),E=_t({element:o,component:n}),R=i.useMemo(()=>u?"dragging":d?"hovered":"idle",[u,d]),z=i.useMemo(()=>({...me,...be[t],backgroundColor:we[R],touchAction:"none"}),[t,R]);return h.jsx(E,{ref:c,style:z,role:"separator","aria-orientation":t,"aria-hidden":void 0,"data-resize-handle":"true","data-direction":t,"data-is-dragging":u?"true":void 0,onPointerDown:a,onPointerEnter:f,onPointerLeave:m,children:r})},dt={position:"absolute",pointerEvents:"auto"},ft=({direction:t,trackIndex:e,align:n,gap:o,span:r,onResize:s})=>{const c=t==="col"?"vertical":"horizontal",u=i.useCallback(p=>{const f=n==="start"?-p:p;s(t,e,f)},[n,t,e,s]),a=i.useMemo(()=>t==="col"?{gridColumn:`${e+1} / ${e+2}`,gridRow:`${r.start} / ${r.end}`}:{gridRow:`${e+1} / ${e+2}`,gridColumn:`${r.start} / ${r.end}`},[t,e,r]),d=i.useMemo(()=>{const f=Math.max(0,o)/2+b.GRID_HANDLE_THICKNESS/2;return t==="col"?{...dt,width:b.GRID_HANDLE_THICKNESS,height:"100%",top:0,bottom:0,...n==="start"?{left:-f}:{right:-f}}:{...dt,width:"100%",height:b.GRID_HANDLE_THICKNESS,left:0,right:0,...n==="start"?{top:-f}:{bottom:-f}}},[n,t,o]);return h.jsx("div",{"data-resizable":"true",style:{...a,position:"relative",pointerEvents:"none"},children:h.jsx("div",{"data-direction":c,"data-align":n,"data-handle":"true",style:d,children:h.jsx(Tt,{direction:c,onResize:u})})})},Ee=t=>{const e=new Map;t.forEach((o,r)=>{o.forEach((s,c)=>{if(!s||s===".")return;const u=e.get(s);if(u){const d={rowStart:Math.min(u.rowStart,r),rowEnd:Math.max(u.rowEnd,r),colStart:Math.min(u.colStart,c),colEnd:Math.max(u.colEnd,c)};e.set(s,d);return}const a={rowStart:r,rowEnd:r,colStart:c,colEnd:c};e.set(s,a)})});const n=new Map;return e.forEach((o,r)=>{const s=o.rowStart+1,c=o.rowEnd+2,u=o.colStart+1,a=o.colEnd+2,d={gridArea:r,gridRow:`${s} / ${c}`,gridColumn:`${u} / ${a}`};n.set(r,d)}),n},ve=(t,e)=>{if((t.positionMode??"grid")!=="grid")return t;const o=t.gridArea??t.id,r=e.get(o);if(!r)return t;const s=!t.gridArea,c=!t.gridRow,u=!t.gridColumn;return!s&&!c&&!u?t:{...t,gridArea:s?r.gridArea:t.gridArea,gridRow:c?r.gridRow:t.gridRow,gridColumn:u?r.gridColumn:t.gridColumn}},Re=(t,e)=>{const n=i.useMemo(()=>Ee(t.areas),[t.areas]),o=i.useMemo(()=>e.map(u=>ve(u,n)),[e,n]),r=i.useMemo(()=>o.filter(u=>u.visible!==!1),[o]),s=i.useMemo(()=>r.filter(u=>!u.drawer),[r]),c=i.useMemo(()=>{const u=new Map;return o.forEach(a=>{u.set(a.id,a)}),u},[o]);return{normalizedLayers:o,visibleLayers:r,regularLayers:s,layerById:c}},Se=typeof window<"u"&&typeof window.document<"u",Q=Se?i.useLayoutEffect:i.useEffect,B=(t,e)=>`${t}-${e}`,Ce=(t,e,n,o)=>{const r=B(n,o),s=e[r];return s!==void 0?`${s}px`:t.size},pt=(t,e,n)=>t.map((o,r)=>Ce(o,e,n,r)).join(" "),F=(t,e)=>t.reduce((n,o,r)=>(o.resizable&&o.size.endsWith("px")&&(n[B(e,r)]=parseInt(o.size,10)),n),{}),ze=(t,e,n)=>{const o=e!==void 0?Math.max(t,e):t;return n!==void 0?Math.min(o,n):o},Ie=(t,e,n)=>{const o=t+e;return ze(o,n.minSize,n.maxSize)},De=(t,e,n,o,r)=>{const s=B(t,e);return c=>{const u=Ie(n,o,r);return{...c,[s]:u}}},gt=(t,e)=>{const n=t.length,o=[];for(let c=0;c<n;c++){const u=t[c],a=u[e],d=u[e+1];a!==d&&o.push(c)}if(o.length===0)return{start:1,end:n+1};const r=Math.min(...o),s=Math.max(...o);return{start:r+1,end:s+2}},ht=(t,e)=>{const n=t[e],o=t[e+1],r=n?.length??0,s=[];for(let a=0;a<r;a++){const d=n?.[a],p=o?.[a];d!==p&&s.push(a)}if(s.length===0)return{start:1,end:r+1};const c=Math.min(...s),u=Math.max(...s);return{start:c+1,end:u+2}},xe=(t,e)=>{if(t.length===0)return[];const n=e.length;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const o=[];return Array.from({length:t.length-1},(s,c)=>c).forEach(s=>{const c=t[s];if(t[s+1]?.resizable){const a=gt(e,s);o.push({trackIndex:s+1,align:"start",span:a});return}if(c?.resizable){const a=gt(e,s);o.push({trackIndex:s,align:"end",span:a})}}),o},Pe=(t,e)=>{if(t.length===0)return[];const n=e[0]?.length??0;if(t.length===1)return t[0]?.resizable?[{trackIndex:0,align:"end",span:{start:1,end:n+1}}]:[];const o=[];return Array.from({length:t.length-1},(s,c)=>c).forEach(s=>{const c=t[s];if(t[s+1]?.resizable){const a=ht(e,s);o.push({trackIndex:s+1,align:"start",span:a});return}if(c?.resizable){const a=ht(e,s);o.push({trackIndex:s,align:"end",span:a})}}),o},Le=t=>{if(!t)return{rowGap:0,columnGap:0};const e=t.split(/\s+/).map(o=>o.trim()).filter(Boolean),n=o=>{const r=o.match(/^(-?\d+(?:\.\d+)?)px$/);return r?Number.parseFloat(r[1]):0};if(e.length===1){const o=n(e[0]);return{rowGap:o,columnGap:o}}return{rowGap:n(e[0]),columnGap:n(e[1])}},ye=t=>t!==void 0?{gap:t}:{},_e=(t,e,n,o)=>{const r=B(n,o),s=t[r];return s!==void 0?s:e.size.endsWith("px")?Number.parseInt(e.size,10):300},Te=(t,e)=>{const[n,o]=i.useState(()=>({...F(t.columns,"col"),...F(t.rows,"row")}));Q(()=>{const p={...F(t.columns,"col"),...F(t.rows,"row")};o(f=>{const m=new Set([...Object.keys(f),...Object.keys(p)]);return Array.from(m).some(R=>f[R]!==p[R])?p:f})},[t.columns,t.rows]);const r=i.useMemo(()=>t.areas.map(p=>`"${p.join(" ")}"`).join(" "),[t.areas]),s=i.useMemo(()=>Le(t.gap),[t.gap]),c=i.useMemo(()=>xe(t.columns,t.areas),[t.columns,t.areas]),u=i.useMemo(()=>Pe(t.rows,t.areas),[t.rows,t.areas]),a=i.useMemo(()=>({...t.style,...e,gridTemplateAreas:r,gridTemplateRows:pt(t.rows,n,"row"),gridTemplateColumns:pt(t.columns,n,"col"),...ye(t.gap)}),[r,t.columns,t.gap,t.rows,t.style,e,n]),d=i.useCallback((p,f,m)=>{const R=(p==="row"?t.rows:t.columns)[f];if(!R||!R.resizable)return;const z=_e(n,R,p,f);o(De(p,f,z,m,R))},[t.columns,t.rows,n]);return{columnHandles:c,rowHandles:u,gapSizes:s,gridStyle:a,handleResize:d}},Mt=(t,e=Number.NEGATIVE_INFINITY,n=Number.POSITIVE_INFINITY)=>Math.min(Math.max(t,e),n),Me=(t,e)=>typeof t!="number"||!Number.isFinite(t)?e:t,He=t=>t.positionMode?t.positionMode:t.floating?(t.floating.mode??"embedded")==="embedded"?"absolute":"relative":"grid",Ae=t=>({position:t==="grid"?"relative":t}),ke=(t,e)=>e!=="grid"?{}:{gridArea:t.gridArea,gridRow:t.gridRow,gridColumn:t.gridColumn},Ne=t=>t?{top:t.top,right:t.right,bottom:t.bottom,left:t.left}:{},Ge=t=>t!==void 0?{zIndex:t}:{},je=(t,e)=>({width:t,height:e}),$e=(t,e)=>t.pointerEvents!==void 0?typeof t.pointerEvents=="boolean"?{pointerEvents:t.pointerEvents?"auto":"none"}:{pointerEvents:t.pointerEvents}:e==="absolute"||e==="fixed"?{pointerEvents:"auto"}:{},Oe=t=>t.position,Fe=t=>({width:t.width,height:t.height}),Ye=t=>t.zIndex,We=t=>{const e=He(t),n=Oe(t),o=Fe(t),r=Ye(t);return{...t.style,...Ae(e),...ke(t,e),...Ne(n),...Ge(r),...je(o.width,o.height),...$e(t,e)}},Be=t=>{const e=t.floating;return e?e.mode??"embedded":null},k=t=>Be(t)!=="embedded"?null:t.floating??null,mt=t=>t instanceof HTMLElement?["INPUT","TEXTAREA","SELECT","BUTTON"].includes(t.tagName):!1,bt=(t,e,n)=>{const o=e??Number.NEGATIVE_INFINITY,r=n??Number.POSITIVE_INFINITY;return Mt(t,o,r)},wt=(t,e,n)=>{if(typeof t=="number"&&Number.isFinite(t))return t;throw new Error(`Floating layer "${n}" must provide a numeric "${e}" value when draggable mode is enabled.`)},Et=t=>{if(!k(t))throw new Error(`Floating layer "${t.id}" is missing floating configuration required for dragging.`);const n=t.position;if(!n)throw new Error(`Floating layer "${t.id}" must define position with left and top values.`);return{left:wt(n.left,"left",t.id),top:wt(n.top,"top",t.id)}},Xe=t=>{const e=k(t);return e?e.constraints??{}:{}},Ze=(t,e,n)=>t?t==="left"?e-n:e+n:e,Ue=(t,e,n)=>t?t==="top"?e-n:e+n:e,Ve=(t,e,n)=>!t||t==="right"?e:e+n,Ke=(t,e,n)=>!t||t==="bottom"?e:e+n,q=(t,e)=>t?t.dataset.layerId===e?t:q(t.parentElement,e):null,tt=(t,e,n)=>!t||n?.(t)?null:e(t)?t:tt(t.parentElement,e,n),qe=t=>t instanceof HTMLElement?tt(t,e=>e.dataset.dragHandle==="true",e=>e.dataset.dragIgnore==="true"):null,vt=t=>t instanceof HTMLElement?tt(t,e=>e.dataset.resizeCorner!==void 0||e.dataset.resizeEdge!==void 0)!==null:!1,Y=t=>{const e=k(t);return e?e.resizable===!0:!1},W=t=>{if(!k(t))return null;const n=tn(t);if(!n)throw new Error(`Floating layer "${t.id}" must define width and height when resizable or draggable.`);return{width:n.width,height:n.height}},Je=(t,e,n)=>{const o=t.filter(Y).reduce((f,m)=>{if(n===m.id){const R=e[m.id];if(R)return f[m.id]=R,f}const E=W(m);return E&&(f[m.id]=E),f},{}),r=Object.keys(e),s=Object.keys(o),c=r.length!==s.length,u=r.some(f=>!Object.prototype.hasOwnProperty.call(o,f)),a=c?!0:u,d=s.some(f=>{const m=e[f],E=o[f];return!m||!E?!0:m.width!==E.width||m.height!==E.height});return{sizes:o,changed:a?!0:d}},Qe=({layers:t,layerById:e})=>{const[n,o]=i.useState(null),[r,s]=i.useState(null),[c,u]=i.useState({}),[a,d]=i.useState({}),p=i.useRef(null),f=i.useRef(null),m=A((g,l)=>{e.get(g)?.floating?.onMove?.(l)}),E=A((g,l)=>{e.get(g)?.floating?.onResize?.(l)});Q(()=>{const{sizes:g,changed:l}=Je(t,a,r);l&&d(g)},[t,r]);const R=i.useCallback((g,l,w,v)=>{const S=Et(l),I=c[g]??{x:0,y:0},C={pointerStartX:v.clientX,pointerStartY:v.clientY,initialTranslationX:I.x,initialTranslationY:I.y,baseLeft:S.left,baseTop:S.top,layerId:g,pointerId:v.pointerId,target:w};if(C.target.setPointerCapture)try{C.target.setPointerCapture(C.pointerId)}catch{}p.current=C,o(g)},[c]),z=i.useCallback(g=>{const l=g.target,w=qe(l);if(!w)return;const v=w.closest("[data-layer-id]")?.getAttribute("data-layer-id");if(!v)return;const S=e.get(v);if(!S)return;const I=k(S);if(!(!I||I.draggable!==!0)&&!mt(g.target)&&!vt(g.target)&&w){const C=q(w,v);if(!C)return;R(v,S,C,g);return}},[R,e]),D=i.useCallback((g,l)=>{const w=e.get(g),v=w?k(w):null;if(!w||!v||v.draggable!==!0||mt(l.target)||vt(l.target))return;const S=q(l.currentTarget,g);S&&R(g,w,S,l)},[R,e]),P=i.useCallback((g,l,w)=>{const v=e.get(g);if(!v||!Y(v))return;const S=a[g]??W(v);if(!S)return;const I=Et(v),C=Xe(v),T=c[g]??{x:0,y:0};if(w.stopPropagation(),w.preventDefault(),w.currentTarget.setPointerCapture)try{w.currentTarget.setPointerCapture(w.pointerId)}catch{}f.current={layerId:g,pointerId:w.pointerId,horizontalEdge:l.horizontal,verticalEdge:l.vertical,startX:w.clientX,startY:w.clientY,startWidth:S.width,startHeight:S.height,startPosition:T,baseLeft:I.left,baseTop:I.top,minWidth:C.minWidth,maxWidth:C.maxWidth,minHeight:C.minHeight,maxHeight:C.maxHeight,target:w.currentTarget},s(g)},[e,c,a]),G=i.useCallback(g=>{const l=p.current;if(!l)return;const w=g.clientX-l.pointerStartX,v=g.clientY-l.pointerStartY,S={x:l.initialTranslationX+w,y:l.initialTranslationY+v};u(I=>({...I,[l.layerId]:S})),m(l.layerId,{left:l.baseLeft+S.x,top:l.baseTop+S.y})},[m]),y=i.useCallback(g=>{const l=f.current;if(!l||l.pointerId!==g.pointerId||!e.get(l.layerId))return;const v=g.clientX-l.startX,S=g.clientY-l.startY,I=Ze(l.horizontalEdge,l.startWidth,v),C=Ue(l.verticalEdge,l.startHeight,S),T=bt(I,l.minWidth,l.maxWidth),H=bt(C,l.minHeight,l.maxHeight),j=l.startWidth-T,X=l.startHeight-H,rt=Ve(l.horizontalEdge,l.startPosition.x,j),Ht=Ke(l.verticalEdge,l.startPosition.y,X),Z=a[l.layerId],ot={width:T,height:H};(!Z||Z.width!==T||Z.height!==H)&&(d(U=>({...U,[l.layerId]:ot})),E(l.layerId,ot));const st=c[l.layerId]??{x:0,y:0},$={x:rt,y:Ht};(st.x!==$.x||st.y!==$.y)&&(u(U=>({...U,[l.layerId]:$})),m(l.layerId,{left:l.baseLeft+$.x,top:l.baseTop+$.y}))},[e,c,a,m,E]),L=i.useCallback(g=>{const l=p.current;if(l){if(l.pointerId===g.pointerId&&l.target.releasePointerCapture)try{l.target.releasePointerCapture(l.pointerId)}catch{}p.current=null}o(null)},[]),M=i.useCallback(g=>{const l=f.current;if(l){if(l.pointerId===g.pointerId&&l.target.releasePointerCapture)try{l.target.releasePointerCapture(l.pointerId)}catch{}f.current=null}s(null)},[]);K(n!==null,{onMove:G,onUp:L,onCancel:L}),K(r!==null,{onMove:y,onUp:M,onCancel:M});const x=i.useCallback(g=>{const l=We(g),w=k(g);if(!w||w.draggable!==!0)return l;const v=c[g.id],S=n===g.id,I=r===g.id,C=v?{transform:`translate(${v.x}px, ${v.y}px)`}:{},T=a[g.id],H=Y(g)?W(g):null,j=T??H,X=j?{width:`${j.width}px`,height:`${j.height}px`}:{};return{...l,...X,...C,...S||I?{cursor:"grabbing"}:{}}},[n,c,a,r]),_=i.useCallback(g=>{if(!Y(g))return{isResizable:!1};const w=a[g.id],v=W(g);return(w??v)!==null?{isResizable:!0,onPointerDown:(T,H)=>{P(g.id,T,H)}}:{isResizable:!1}},[P,a]),et=i.useCallback(g=>{const{isResizable:l,onPointerDown:w}=_(g),v=x(g),S=r===g.id;return{style:v,isResizable:l,isResizing:S,onResizeHandlePointerDown:(I,C)=>{w&&w(I,C)}}},[x,_,r]),nt=i.useCallback(g=>({"data-drag-handle":"true",role:"button","aria-roledescription":"Drag handle","aria-label":"Drag layer",onPointerDown:l=>{D(g,l)}}),[D]);return{providerValue:i.useMemo(()=>({handleLayerPointerDown:z,getLayerRenderState:et,getLayerHandleProps:nt}),[nt,et,z]),draggingLayerId:n,resizingLayerId:r}},tn=t=>{if(typeof t.width=="number"&&typeof t.height=="number")return{width:t.width,height:t.height}},en={display:"grid",width:"100%",height:"100%"},nn={touchAction:"none",WebkitTouchCallout:"none",WebkitUserSelect:"none",userSelect:"none"},rn=({config:t,layers:e,style:n})=>{const o=i.useRef(null),{isIntersecting:r}=Ot(o,{threshold:0});return h.jsx(te,{config:t,layers:e,style:n,children:h.jsx(on,{gridRef:o,isIntersecting:r})})},on=({gridRef:t,isIntersecting:e})=>{const{config:n,style:o,layers:r}=Qt(),{normalizedLayers:s,visibleLayers:c,regularLayers:u,layerById:a}=Re(n,r.defs),{columnHandles:d,rowHandles:p,gapSizes:f,gridStyle:m,handleResize:E}=Te(n,o),{providerValue:R,draggingLayerId:z,resizingLayerId:D}=Qe({layers:s,layerById:a}),P=z?!0:!!D,G=i.useMemo(()=>({...en,...m,...P?nn:{}}),[m,P]);return h.jsxs(h.Fragment,{children:[h.jsxs("div",{ref:t,style:G,"data-dragging":!!z,"data-resizing":!!D,"data-visible":e,children:[h.jsx(Jt,{value:R,children:h.jsx(de,{layers:u})}),d.map(({trackIndex:y,align:L,span:M})=>h.jsx(ft,{direction:"col",trackIndex:y,align:L,gap:f.columnGap,span:M,onResize:E},`col-${y}:${L}`)),p.map(({trackIndex:y,align:L,span:M})=>h.jsx(ft,{direction:"row",trackIndex:y,align:L,gap:f.rowGap,span:M,onResize:E},`row-${y}:${L}`))]}),h.jsx(St,{layers:c})]})};exports.Drawer=Rt;exports.DrawerLayers=St;exports.GridLayout=rn;exports.ResizeHandle=Tt;exports.clampNumber=Mt;exports.runTransition=J;exports.toFiniteNumberOr=Me;exports.useEffectEvent=A;exports.useElementComponentWrapper=_t;exports.useGridLayoutContext=zt;exports.useIsomorphicLayoutEffect=Q;exports.useLayerInstance=ee;exports.useResizeDrag=yt;exports.useTransitionState=Vt;
-//# sourceMappingURL=GridLayout-CwuQEP7k.cjs.map