@cube-dev/ui-kit 0.0.0-canary-e056095 → 0.0.0-canary-f472829

package/dist/components/layout/Dashboard/styles.js

@@ -1,344 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-e056095 | Cube Dev Team */
-import { Button } from "../../actions/Button/Button.js";
-import { tasty } from "@tenphi/tasty";
-
-//#region src/components/layout/Dashboard/styles.ts
-/**
-* The one stacking context Dashboard owns.
-*
-* Every layer below is ordered on a single flat scale — node bodies 1..3, drop
-* placeholders 4, resize handles 5, node menus 6 — which only works if nothing
-* between the root and a control opens a stacking context of its own. `zIndex: 0`
-* closes the scale off from the host app instead of leaking six levels into it.
-*
-* The `1x` gap is the top-level rhythm and is deliberately not the `gap` prop:
-* that one is the spacing *inside* a container's grid.
-*/
-const DashboardElement = tasty({
-	qa: "Dashboard",
-	styles: {
-		position: "relative",
-		zIndex: 0,
-		display: "grid",
-		gridColumns: "minmax(0, 1fr)",
-		gap: "1x",
-		width: "100%",
-		minWidth: 0,
-		boxSizing: "border-box"
-	}
-});
-const ContainerElement = tasty({
-	qa: "DashboardContainer",
-	styles: {
-		position: "relative",
-		display: "grid",
-		gridRows: {
-			"": "minmax(0, 1fr)",
-			titled: "auto minmax(0, 1fr)"
-		},
-		minWidth: 0,
-		boxSizing: "border-box",
-		fill: false,
-		border: false,
-		radius: true,
-		padding: {
-			"": "1x",
-			"depth=2": "5px",
-			"depth=3": "2px"
-		},
-		margin: {
-			"": "-8px",
-			"depth=2": "-5px",
-			"depth=3": "-2px"
-		},
-		shadow: {
-			"": false,
-			"editing & empty": "0 0 0 1px #dark.30",
-			"editing & hovered": "0 0 0 1px #dark.30",
-			"editing & resizing": "0 0 0 1px #dark.30",
-			"editing & arriving": "0 0 0 1px #dark.30",
-			dragging: "0 0 0 1px #dark.30",
-			"editing & focus-visible": "0 0 0 2px #primary-text",
-			"selected | moving": "0 0 0 2px #primary"
-		},
-		outline: "none",
-		cursor: {
-			"": "auto",
-			movable: "grab",
-			moving: "grabbing"
-		},
-		transition: "shadow, theme",
-		touchAction: {
-			"": "auto",
-			movable: "none"
-		}
-	}
-});
-const ContainerHeaderElement = tasty({ styles: {
-	display: "flex",
-	placeContent: "space-between",
-	alignItems: "center",
-	gap: "1x",
-	minWidth: 0,
-	padding: "0.5x 0.5x 1x",
-	preset: "h6",
-	color: "#dark",
-	userSelect: "none"
-} });
-const ContentGridElement = tasty({
-	qa: "DashboardContainerContent",
-	styles: {
-		position: "relative",
-		display: "grid",
-		alignItems: "stretch",
-		minWidth: 0,
-		boxSizing: "border-box"
-	}
-});
-const FreeCellsLayerElement = tasty({ styles: {
-	position: "absolute",
-	inset: 0,
-	zIndex: 0,
-	display: "grid",
-	minWidth: 0,
-	pointerEvents: "none"
-} });
-const FreeCellElement = tasty({
-	qa: "DashboardFreeCell",
-	styles: {
-		minWidth: 0,
-		minHeight: 0,
-		boxSizing: "border-box",
-		pointerEvents: "auto",
-		fill: "#primary.06",
-		shadow: "inset 0 0 0 1px #primary.12",
-		radius: true,
-		opacity: {
-			"": 0,
-			highlighted: 1
-		},
-		transition: "opacity 100ms ease-in-out, theme"
-	}
-});
-const ADD_CELL_BUTTON_STYLES = {
-	zIndex: 1,
-	alignSelf: "stretch",
-	justifySelf: "stretch",
-	minWidth: 0,
-	minHeight: 0,
-	padding: 0,
-	fill: {
-		"": "#primary.06",
-		"hovered | focused": "#primary.12",
-		pressed: "#primary.18"
-	},
-	color: "#primary-text",
-	border: "0",
-	outline: {
-		"": false,
-		focused: false
-	},
-	shadow: {
-		"": "inset 0 0 0 1px #primary.12",
-		"hovered | focused": "inset 0 0 0 1px #primary"
-	},
-	radius: true,
-	transition: "opacity 100ms ease-in-out, theme",
-	visibility: {
-		"": "visible",
-		"@parent(:has(> [data-dashboard-drop-covers-add-slot]))": "hidden"
-	}
-};
-const RootAddButtonElement = tasty(Button, {
-	qa: "DashboardRootAddButton",
-	styles: {
-		width: "100%",
-		minHeight: "6x",
-		padding: 0,
-		fill: "#surface-2",
-		border: "0",
-		shadow: "inset 0 0 0 1px #border",
-		radius: true
-	}
-});
-const DropPlaceholderElement = tasty({
-	qa: "DashboardDropPlaceholder",
-	styles: {
-		position: "absolute",
-		boxSizing: "border-box",
-		pointerEvents: "none",
-		zIndex: 4,
-		fill: {
-			"": "#primary.10",
-			danger: "#danger.10"
-		},
-		shadow: {
-			"": "0 0 0 1px #primary",
-			danger: "0 0 0 1px #danger"
-		},
-		radius: true,
-		transition: "inset 80ms linear, width 80ms linear, height 80ms linear",
-		display: "grid",
-		placeItems: "center",
-		Icon: {
-			display: "grid",
-			placeItems: "center",
-			color: "#danger-text",
-			opacity: {
-				"": 0,
-				danger: 1
-			}
-		}
-	}
-});
-const WidgetElement = tasty({
-	qa: "DashboardWidget",
-	styles: {
-		position: "relative",
-		minWidth: 0,
-		minHeight: 0,
-		boxSizing: "border-box",
-		outline: "none",
-		visibility: {
-			"": "visible",
-			"add-slot & @parent(:has(> [data-dashboard-drop-covers-add-slot]))": "hidden"
-		},
-		cursor: {
-			"": "auto",
-			movable: "grab",
-			moving: "grabbing"
-		},
-		touchAction: {
-			"": "auto",
-			movable: "none"
-		}
-	}
-});
-const WidgetSurfaceElement = tasty({ styles: {
-	position: "relative",
-	zIndex: {
-		"": 1,
-		"hovered | focus-within": 2,
-		selected: 3
-	},
-	width: "100%",
-	height: "100%",
-	minWidth: 0,
-	minHeight: 0,
-	boxSizing: "border-box",
-	overflow: "hidden",
-	fill: "#surface-2",
-	radius: true,
-	shadow: {
-		"": false,
-		card: "0 0 0 1px #border",
-		hovered: "0 0 0 1px #dark.30",
-		"focus-within": "0 0 0 2px #primary-text",
-		"selected | moving": "0 0 0 2px #primary"
-	},
-	transition: "shadow, theme"
-} });
-const NodeActionsElement = tasty({ styles: {
-	position: "absolute",
-	top: 0,
-	right: "(-1 * $size-sm / 2)",
-	zIndex: 6,
-	display: "flex",
-	gap: "0.5x",
-	transform: "translateY(-50%)",
-	opacity: {
-		"": 0,
-		selected: 1
-	},
-	pointerEvents: {
-		"": "none",
-		selected: "auto"
-	},
-	transition: "opacity 120ms ease-in-out"
-} });
-const CornerResizeGripElement = tasty({
-	qa: "DashboardResizeCornerGrip",
-	styles: {
-		width: "10px",
-		height: "10px",
-		boxSizing: "border-box",
-		borderRight: "2px solid #dark.40",
-		borderBottom: "2px solid #dark.40",
-		radius: "4px bottom-right"
-	}
-});
-const ResizeHandleElement = tasty({
-	qa: "DashboardResizeHandle",
-	as: "button",
-	styles: {
-		position: "absolute",
-		right: 0,
-		bottom: 0,
-		top: {
-			"": "auto",
-			"axis=x": "50%"
-		},
-		zIndex: 5,
-		display: "grid",
-		placeItems: "center",
-		width: {
-			"": "3.5x",
-			"axis=x": "2x"
-		},
-		height: {
-			"": "3.5x",
-			"axis=y": "2x"
-		},
-		padding: 0,
-		transform: {
-			"": "translate(50%, 50%)",
-			"axis=x": "translate(50%, -50%)"
-		},
-		fill: "#surface",
-		color: "#dark",
-		border: "1bw #border",
-		radius: "round",
-		shadow: "$item-shadow",
-		cursor: {
-			"": "nwse-resize",
-			"axis=x": "col-resize",
-			"axis=y": "row-resize"
-		},
-		opacity: {
-			"": 0,
-			"selected | resizing": 1
-		},
-		pointerEvents: {
-			"": "none",
-			"selected | resizing": "auto"
-		},
-		outline: {
-			"": "1bw #primary-text.0",
-			"focus-visible": "1bw #primary-text"
-		},
-		outlineOffset: "1bw",
-		transition: "opacity, theme",
-		touchAction: "none",
-		Icon: {
-			display: "flex",
-			placeContent: "center",
-			alignItems: "center",
-			lineHeight: 0,
-			transform: {
-				"": "rotate(-45deg)",
-				corner: "none",
-				"axis=x": "rotate(0deg)",
-				"axis=y": "rotate(90deg)"
-			}
-		}
-	}
-});
-const TopLevelResizeHandleElement = tasty(ResizeHandleElement, { styles: {
-	left: "50%",
-	right: "auto",
-	transform: "translate(-50%, 50%)"
-} });
-
-//#endregion
-export { ADD_CELL_BUTTON_STYLES, ContainerElement, ContainerHeaderElement, ContentGridElement, CornerResizeGripElement, DashboardElement, DropPlaceholderElement, FreeCellElement, FreeCellsLayerElement, NodeActionsElement, ResizeHandleElement, RootAddButtonElement, TopLevelResizeHandleElement, WidgetElement, WidgetSurfaceElement };
-//# sourceMappingURL=styles.js.map

package/dist/components/layout/Dashboard/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../../src/components/layout/Dashboard/styles.ts"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\nimport { Button } from '../../actions/Button/Button';\n\n/**\n * The one stacking context Dashboard owns.\n *\n * Every layer below is ordered on a single flat scale — node bodies 1..3, drop\n * placeholders 4, resize handles 5, node menus 6 — which only works if nothing\n * between the root and a control opens a stacking context of its own. `zIndex: 0`\n * closes the scale off from the host app instead of leaking six levels into it.\n *\n * The `1x` gap is the top-level rhythm and is deliberately not the `gap` prop:\n * that one is the spacing *inside* a container's grid.\n */\nexport const DashboardElement = tasty({\n  qa: 'Dashboard',\n  styles: {\n    position: 'relative',\n    zIndex: 0,\n    display: 'grid',\n    gridColumns: 'minmax(0, 1fr)',\n    gap: '1x',\n    width: '100%',\n    minWidth: 0,\n    boxSizing: 'border-box',\n  },\n});\n\nexport const ContainerElement = tasty({\n  qa: 'DashboardContainer',\n  styles: {\n    position: 'relative',\n    display: 'grid',\n    gridRows: {\n      '': 'minmax(0, 1fr)',\n      titled: 'auto minmax(0, 1fr)',\n    },\n    minWidth: 0,\n    boxSizing: 'border-box',\n    fill: false,\n    border: false,\n    radius: true,\n    padding: {\n      '': '1x',\n      'depth=2': '5px',\n      'depth=3': '2px',\n    },\n    margin: {\n      '': '-8px',\n      'depth=2': '-5px',\n      'depth=3': '-2px',\n    },\n    shadow: {\n      '': false,\n      'editing & empty': '0 0 0 1px #dark.30',\n      'editing & hovered': '0 0 0 1px #dark.30',\n      'editing & resizing': '0 0 0 1px #dark.30',\n      'editing & arriving': '0 0 0 1px #dark.30',\n      dragging: '0 0 0 1px #dark.30',\n      'editing & focus-visible': '0 0 0 2px #primary-text',\n      'selected | moving': '0 0 0 2px #primary',\n    },\n    outline: 'none',\n    // No `z-index` on purpose: a positioned element with one becomes a stacking\n    // context, which would trap this container's own chrome (menu 6, grip 5)\n    // at the container's level and let a neighbouring node paint over it. The\n    // ring is an outside shadow and orders fine in DOM order. This also retires\n    // the old `:has([data-selected])` clause, which existed only to lift a\n    // container so a selected child's chrome could escape it.\n    cursor: {\n      '': 'auto',\n      movable: 'grab',\n      moving: 'grabbing',\n    },\n    transition: 'shadow, theme',\n    touchAction: {\n      '': 'auto',\n      movable: 'none',\n    },\n  },\n});\n\nexport const ContainerHeaderElement = tasty({\n  styles: {\n    display: 'flex',\n    placeContent: 'space-between',\n    alignItems: 'center',\n    gap: '1x',\n    minWidth: 0,\n    padding: '0.5x 0.5x 1x',\n    preset: 'h6',\n    color: '#dark',\n    userSelect: 'none',\n  },\n});\n\nexport const ContentGridElement = tasty({\n  qa: 'DashboardContainerContent',\n  styles: {\n    position: 'relative',\n    display: 'grid',\n    alignItems: 'stretch',\n    minWidth: 0,\n    boxSizing: 'border-box',\n  },\n});\n\nexport const FreeCellsLayerElement = tasty({\n  styles: {\n    position: 'absolute',\n    inset: 0,\n    zIndex: 0,\n    display: 'grid',\n    minWidth: 0,\n    pointerEvents: 'none',\n  },\n});\n\nexport const FreeCellElement = tasty({\n  qa: 'DashboardFreeCell',\n  styles: {\n    minWidth: 0,\n    minHeight: 0,\n    boxSizing: 'border-box',\n    pointerEvents: 'auto',\n    fill: '#primary.06',\n    shadow: 'inset 0 0 0 1px #primary.12',\n    radius: true,\n    opacity: {\n      '': 0,\n      highlighted: 1,\n    },\n    transition: 'opacity 100ms ease-in-out, theme',\n  },\n});\n\nexport const ADD_CELL_BUTTON_STYLES: Styles = {\n  // Above `FreeCellsLayerElement` (0), which is absolutely positioned and would\n  // otherwise paint over an in-flow grid item, and below the node controls.\n  zIndex: 1,\n  alignSelf: 'stretch',\n  justifySelf: 'stretch',\n  minWidth: 0,\n  minHeight: 0,\n  padding: 0,\n  fill: {\n    '': '#primary.06',\n    'hovered | focused': '#primary.12',\n    pressed: '#primary.18',\n  },\n  color: '#primary-text',\n  border: '0',\n  outline: {\n    '': false,\n    focused: false,\n  },\n  shadow: {\n    '': 'inset 0 0 0 1px #primary.12',\n    'hovered | focused': 'inset 0 0 0 1px #primary',\n  },\n  radius: true,\n  transition: 'opacity 100ms ease-in-out, theme',\n  visibility: {\n    '': 'visible',\n    '@parent(:has(> [data-dashboard-drop-covers-add-slot]))': 'hidden',\n  },\n};\n\nexport const RootAddButtonElement = tasty(Button, {\n  qa: 'DashboardRootAddButton',\n  styles: {\n    width: '100%',\n    minHeight: '6x',\n    padding: 0,\n    fill: '#surface-2',\n    border: '0',\n    shadow: 'inset 0 0 0 1px #border',\n    radius: true,\n  },\n});\n\nexport const DropPlaceholderElement = tasty({\n  qa: 'DashboardDropPlaceholder',\n  styles: {\n    position: 'absolute',\n    boxSizing: 'border-box',\n    pointerEvents: 'none',\n    zIndex: 4,\n    fill: {\n      '': '#primary.10',\n      danger: '#danger.10',\n    },\n    shadow: {\n      '': '0 0 0 1px #primary',\n      danger: '0 0 0 1px #danger',\n    },\n    radius: true,\n    transition: 'inset 80ms linear, width 80ms linear, height 80ms linear',\n    display: 'grid',\n    placeItems: 'center',\n\n    // A blocked landing must not be signalled by colour alone. The icon is the\n    // non-colour half of that signal and carries the accessible name.\n    Icon: {\n      display: 'grid',\n      placeItems: 'center',\n      color: '#danger-text',\n      opacity: {\n        '': 0,\n        danger: 1,\n      },\n    },\n  },\n});\n\nexport const WidgetElement = tasty({\n  qa: 'DashboardWidget',\n  styles: {\n    position: 'relative',\n    minWidth: 0,\n    minHeight: 0,\n    boxSizing: 'border-box',\n    outline: 'none',\n    visibility: {\n      '': 'visible',\n      'add-slot & @parent(:has(> [data-dashboard-drop-covers-add-slot]))':\n        'hidden',\n    },\n    // The raise lives on `WidgetSurfaceElement` instead — see `DashboardElement`.\n    cursor: {\n      '': 'auto',\n      movable: 'grab',\n      moving: 'grabbing',\n    },\n    touchAction: {\n      '': 'auto',\n      movable: 'none',\n    },\n  },\n});\n\nexport const WidgetSurfaceElement = tasty({\n  styles: {\n    position: 'relative',\n    // The painted body of a widget, and the only part that should be raised on\n    // hover or selection. Keeping the raise here rather than on the placement\n    // wrapper is what lets a neighbour's menu and resize grip stay on top.\n    zIndex: {\n      '': 1,\n      'hovered | focus-within': 2,\n      selected: 3,\n    },\n    width: '100%',\n    height: '100%',\n    minWidth: 0,\n    minHeight: 0,\n    boxSizing: 'border-box',\n    overflow: 'hidden',\n    fill: '#surface-2',\n    radius: true,\n    shadow: {\n      '': false,\n      card: '0 0 0 1px #border',\n      hovered: '0 0 0 1px #dark.30',\n      'focus-within': '0 0 0 2px #primary-text',\n      'selected | moving': '0 0 0 2px #primary',\n    },\n    transition: 'shadow, theme',\n  },\n});\n\nexport const NodeActionsElement = tasty({\n  styles: {\n    position: 'absolute',\n    top: 0,\n    right: '(-1 * $size-sm / 2)',\n    zIndex: 6,\n    display: 'flex',\n    gap: '0.5x',\n    transform: 'translateY(-50%)',\n    opacity: {\n      '': 0,\n      selected: 1,\n    },\n    pointerEvents: {\n      '': 'none',\n      selected: 'auto',\n    },\n    transition: 'opacity 120ms ease-in-out',\n  },\n});\n\nexport const CornerResizeGripElement = tasty({\n  qa: 'DashboardResizeCornerGrip',\n  styles: {\n    width: '10px',\n    height: '10px',\n    boxSizing: 'border-box',\n    borderRight: '2px solid #dark.40',\n    borderBottom: '2px solid #dark.40',\n    radius: '4px bottom-right',\n  },\n});\n\nexport const ResizeHandleElement = tasty({\n  qa: 'DashboardResizeHandle',\n  as: 'button',\n  styles: {\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n    top: {\n      '': 'auto',\n      'axis=x': '50%',\n    },\n    zIndex: 5,\n    display: 'grid',\n    placeItems: 'center',\n    width: {\n      '': '3.5x',\n      'axis=x': '2x',\n    },\n    height: {\n      '': '3.5x',\n      'axis=y': '2x',\n    },\n    padding: 0,\n    transform: {\n      '': 'translate(50%, 50%)',\n      'axis=x': 'translate(50%, -50%)',\n    },\n    fill: '#surface',\n    color: '#dark',\n    border: '1bw #border',\n    radius: 'round',\n    shadow: '$item-shadow',\n    cursor: {\n      '': 'nwse-resize',\n      'axis=x': 'col-resize',\n      'axis=y': 'row-resize',\n    },\n    opacity: {\n      '': 0,\n      'selected | resizing': 1,\n    },\n    pointerEvents: {\n      '': 'none',\n      'selected | resizing': 'auto',\n    },\n    outline: {\n      '': '1bw #primary-text.0',\n      'focus-visible': '1bw #primary-text',\n    },\n    outlineOffset: '1bw',\n    transition: 'opacity, theme',\n    touchAction: 'none',\n\n    Icon: {\n      display: 'flex',\n      placeContent: 'center',\n      alignItems: 'center',\n      lineHeight: 0,\n      transform: {\n        '': 'rotate(-45deg)',\n        corner: 'none',\n        'axis=x': 'rotate(0deg)',\n        'axis=y': 'rotate(90deg)',\n      },\n    },\n  },\n});\n\nexport const TopLevelResizeHandleElement = tasty(ResizeHandleElement, {\n  styles: {\n    left: '50%',\n    right: 'auto',\n    transform: 'translate(-50%, 50%)',\n  },\n});\n"],"mappings":"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"}

package/dist/components/layout/Dashboard/types.d.ts

@@ -1,220 +0,0 @@
-
-import { AllBaseProps, ContainerStyleProps } from "@tenphi/tasty";
-import { ReactNode } from "react";
-
-//#region src/components/layout/Dashboard/types.d.ts
-type DashboardParentKind = 'root' | 'horizontal-stack' | 'vertical-stack' | 'grid' | 'tabs';
-type DashboardContainerKind = Exclude<DashboardParentKind, 'root'>;
-type DashboardAddItemKind = 'widget' | DashboardContainerKind;
-type DashboardSelectionMode = 'none' | 'single' | 'multiple';
-type DashboardPlacementChangeReason = 'move' | 'resize';
-type DashboardPlacementChangePhase = 'preview' | 'commit';
-type DashboardPlacementChangeInput = 'pointer' | 'keyboard' | 'command';
-interface DashboardPlacement {
-  column: number;
-  row: number;
-  columns: number;
-  rows: number;
-}
-interface DashboardPlacementChangeItem {
-  id: string;
-  placement: DashboardPlacement;
-}
-interface DashboardPlacementChangeInfo {
-  reason: DashboardPlacementChangeReason;
-  phase: DashboardPlacementChangePhase;
-  input: DashboardPlacementChangeInput;
-  /**
-   * Siblings Dashboard moved out of the way so this landing fits — a Grid
-   * occupant swapped into the vacated box, or the rest of a reordered stack.
-   * Apply them alongside the landing; they are reported separately from `items`
-   * so the grabbed selection stays distinguishable from the reflow around it.
-   */
-  displaced?: DashboardPlacementChangeItem[];
-  /**
-   * Set on a `preview` whose landing Dashboard could not arrange — the geometry
-   * fits but the destination is occupied, and the matching placeholder is drawn
-   * in danger colours. A blocked preview is reported rather than withheld so a
-   * consumer can show its own message, but it must not be written to layout
-   * state: the gesture will not commit it.
-   */
-  isBlocked?: boolean;
-  /** Immediate layout owner before a cross-container move. */
-  sourceParentId?: string | null;
-  /** Immediate layout owner under the pointer during a cross-container move. */
-  destinationParentId?: string | null;
-  /** Atomic sibling group carried by this movement gesture. */
-  items?: DashboardPlacementChangeItem[];
-}
-interface DashboardAddItemDefinition {
-  /** Stable item-type key reported to onAddItem. */
-  id: string;
-  /** Consumer-facing menu label. */
-  name: ReactNode;
-  /** Optional secondary menu copy. */
-  description?: ReactNode;
-  /** Optional menu icon. */
-  icon?: ReactNode;
-  /** Whether the item creates a widget or a nestable container. @default 'widget' */
-  kind?: DashboardAddItemKind;
-  /** Initial width used when testing the hovered cell. @default 1 */
-  defaultColumns?: number;
-  /** Initial height used when testing the hovered cell. @default 1 */
-  defaultRows?: number;
-  /** Minimum width accepted by the item. @default 1 */
-  minColumns?: number;
-  /** Maximum width accepted by the item. @default 12 */
-  maxColumns?: number;
-  /** Minimum height accepted by the item. @default 1 */
-  minRows?: number;
-  /** Maximum height accepted by the item. Defaults to the parent row count. */
-  maxRows?: number;
-  /** Consumer-controlled availability in addition to Dashboard's fit checks. */
-  isDisabled?: boolean;
-}
-/** A consumer-supplied entry in a node's action menu. */
-interface DashboardNodeAction {
-  /** Reported through `onMenuAction`. Must not collide with a built-in key. */
-  id: string;
-  name: ReactNode;
-  description?: ReactNode;
-  icon?: ReactNode;
-  isDisabled?: boolean;
-}
-interface DashboardAddItemInfo {
-  parentId: string | null;
-  parentKind: DashboardParentKind;
-  parentDepth: number;
-  placement: DashboardPlacement;
-  /** Present when the target is one independent Dashboard.Tab layout slot. */
-  tabsId?: string;
-  /** Present when the target is one independent Dashboard.Tab layout slot. */
-  tabId?: string;
-}
-interface CubeDashboardProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'children' | 'gap'>, Omit<ContainerStyleProps, 'gap'> {
-  children?: ReactNode;
-  /** Height of one row in every container, in pixels. @default 80 */
-  rowHeight?: number;
-  /** Shared horizontal/vertical gap, or a [horizontal, vertical] pair. @default 16 */
-  gap?: number | [number, number];
-  /** Reveals container editing chrome on hover. @default false */
-  isEditing?: boolean;
-  /** Whether dashboard nodes can be selected. @default 'multiple' */
-  selectionMode?: DashboardSelectionMode;
-  /** Controlled selected node ids. */
-  selectedKeys?: string[];
-  /** Initially selected node ids for uncontrolled usage. */
-  defaultSelectedKeys?: string[];
-  /** Called when the selection changes. */
-  onSelectionChange?: (keys: string[]) => void;
-  /** Item types offered by the empty-cell add menu while editing. */
-  addItems?: readonly DashboardAddItemDefinition[];
-  /** Called with the registered item type and exact hovered-cell placement. */
-  onAddItem?: (itemId: string, info: DashboardAddItemInfo) => void;
-}
-interface DashboardPlacementProps {
-  /** Zero-based column origin inside the immediate parent. @default 0 */
-  column?: number;
-  /** Zero-based row origin inside the immediate parent. @default 0 */
-  row?: number;
-  /** Width in the immediate parent's available columns. @default 12 */
-  columns?: number;
-  /** Height/capacity in rows. @default 1 */
-  rows?: number;
-}
-interface DashboardNodeBaseProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'children' | 'id' | 'title'>, ContainerStyleProps, DashboardPlacementProps {
-  id: string;
-  children?: ReactNode;
-  isSelectable?: boolean;
-  'aria-label'?: string;
-}
-interface CubeDashboardContainerProps extends DashboardNodeBaseProps {
-  /** Optional accessible title. Only Tabs may render it above its tab list. */
-  title?: ReactNode;
-  /** Enables movement inside the immediate parent. @default false */
-  isMovable?: boolean;
-  /** Enables context-sensitive container resizing. @default false */
-  isResizable?: boolean;
-  /** Minimum container width in the immediate parent's columns. @default 1 */
-  minColumns?: number;
-  /** Maximum container width, clamped to the immediate parent. @default 12 */
-  maxColumns?: number;
-  /** Minimum container height in rows. Child occupancy may raise it. @default 1 */
-  minRows?: number;
-  /** Maximum container height in rows. Defaults to 12 at root and parent rows when nested. */
-  maxRows?: number;
-  /** Reports preview and committed move/resize placements, including cross-parent ids. */
-  onPlacementChange?: (placement: DashboardPlacement, info: DashboardPlacementChangeInfo) => void;
-  /** Accessible label for the resize handle. */
-  resizeLabel?: string;
-  /** Accessible label used while the movable container itself is focused. */
-  moveLabel?: string;
-  /** Adds a Settings entry to the container's action menu. */
-  onSettingsPress?: () => void;
-  /** Overrides the Settings entry's label. */
-  settingsLabel?: string;
-  /** Adds a Duplicate entry to the container's action menu. */
-  onDuplicatePress?: () => void;
-  /** Overrides the Duplicate entry's label. */
-  duplicateLabel?: string;
-  /** Adds a Delete entry to the container's action menu. */
-  onDeletePress?: () => void;
-  /** Overrides the Delete entry's label. */
-  deleteLabel?: string;
-  /** Product-specific entries appended to the container's action menu. */
-  actions?: readonly DashboardNodeAction[];
-  /** Called with the `id` of a consumer-supplied menu entry. */
-  onMenuAction?: (key: string) => void;
-}
-interface CubeDashboardWidgetProps extends DashboardNodeBaseProps {
-  /** Adds the widget's card shadow. @default false */
-  isCard?: boolean;
-  /** Adds a Settings entry to the widget's action menu. */
-  onSettingsPress?: () => void;
-  /** Overrides the Settings entry's label. */
-  settingsLabel?: string;
-  /** Adds a Duplicate entry to the widget's action menu. */
-  onDuplicatePress?: () => void;
-  /** Overrides the Duplicate entry's label. */
-  duplicateLabel?: string;
-  /** Adds a Delete entry to the widget's action menu. */
-  onDeletePress?: () => void;
-  /** Overrides the Delete entry's label. */
-  deleteLabel?: string;
-  /** Product-specific entries appended to the widget's action menu. */
-  actions?: readonly DashboardNodeAction[];
-  /** Called with the `id` of a consumer-supplied menu entry. */
-  onMenuAction?: (key: string) => void;
-  /** Enables movement inside the immediate parent. @default false */
-  isMovable?: boolean;
-  /** Enables context-sensitive southeast/edge resizing. @default false */
-  isResizable?: boolean;
-  /** Minimum widget width in columns. @default 1 */
-  minColumns?: number;
-  /** Maximum widget width, clamped to the immediate parent. @default 12 */
-  maxColumns?: number;
-  /** Minimum widget height in rows. @default 1 */
-  minRows?: number;
-  /** Maximum widget height in rows. Defaults to the parent row count. */
-  maxRows?: number;
-  /** Reports preview and committed move/resize placements, including cross-parent ids. */
-  onPlacementChange?: (placement: DashboardPlacement, info: DashboardPlacementChangeInfo) => void;
-  /** Accessible label used while the movable widget itself is focused. */
-  moveLabel?: string;
-  /** Accessible label for the resize handle. */
-  resizeLabel?: string;
-}
-interface CubeDashboardTabsProps extends CubeDashboardContainerProps {
-  activeKey?: string;
-  defaultActiveKey?: string;
-  onActiveChange?: (key: string) => void;
-}
-interface CubeDashboardTabProps {
-  id: string;
-  title: ReactNode;
-  children?: ReactNode;
-  keepMounted?: boolean;
-}
-//#endregion
-export { CubeDashboardContainerProps, CubeDashboardProps, CubeDashboardTabProps, CubeDashboardTabsProps, CubeDashboardWidgetProps, DashboardAddItemDefinition, DashboardAddItemInfo, DashboardAddItemKind, DashboardContainerKind, DashboardNodeAction, DashboardParentKind, DashboardPlacement, DashboardPlacementChangeInfo, DashboardPlacementChangeInput, DashboardPlacementChangeItem, DashboardPlacementChangePhase, DashboardPlacementChangeReason, DashboardPlacementProps, DashboardSelectionMode };
-//# sourceMappingURL=types.d.ts.map