feat(ui): add type filter toggles

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/NodeToolbar.d.ts

@@ -0,0 +1,38 @@
+import type { NodeToolbarProps } from './types';
+/**
+ * This component can render a toolbar or tooltip to one side of a custom node. This
+ * toolbar doesn't scale with the viewport so that the content is always visible.
+ *
+ * @public
+ * @example
+ * ```jsx
+ *import { memo } from 'react';
+ *import { Handle, Position, NodeToolbar } from '@xyflow/react';
+ *
+ *function CustomNode({ data }) {
+ *  return (
+ *    <>
+ *      <NodeToolbar isVisible={data.toolbarVisible} position={data.toolbarPosition}>
+ *        <button>delete</button>
+ *        <button>copy</button>
+ *        <button>expand</button>
+ *      </NodeToolbar>
+ *
+ *      <div style={{ padding: '10px 20px' }}>
+ *        {data.label}
+ *      </div>
+ *
+ *      <Handle type="target" position={Position.Left} />
+ *      <Handle type="source" position={Position.Right} />
+ *    </>
+ *  );
+ *};
+ *
+ *export default memo(CustomNode);
+ *```
+ * @remarks By default, the toolbar is only visible when a node is selected. If multiple
+ * nodes are selected it will not be visible to prevent overlapping toolbars or
+ * clutter. You can override this behavior by setting the `isVisible` prop to `true`.
+ */
+export declare function NodeToolbar({ nodeId, children, className, style, isVisible, position, offset, align, ...rest }: NodeToolbarProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=NodeToolbar.d.ts.map

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/NodeToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../src/additional-components/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+BhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAuB,EACvB,MAAW,EACX,KAAgB,EAChB,GAAG,IAAI,EACR,EAAE,gBAAgB,kDAwDlB"}

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/NodeToolbarPortal.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function NodeToolbarPortal({ children }: {
+    children: ReactNode;
+}): import("react").ReactPortal | null;
+//# sourceMappingURL=NodeToolbarPortal.d.ts.map

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/NodeToolbarPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeToolbarPortal.d.ts","sourceRoot":"","sources":["../../../src/additional-components/NodeToolbar/NodeToolbarPortal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,sCAQtE"}

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/index.d.ts

@@ -0,0 +1,3 @@
+export { NodeToolbar } from './NodeToolbar';
+export type { NodeToolbarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/additional-components/NodeToolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/types.d.ts

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from 'react';
+import type { Position, Align } from '@xyflow/system';
+/**
+ * @expand
+ */
+export type NodeToolbarProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * By passing in an array of node id's you can render a single tooltip for a group or collection
+     * of nodes.
+     */
+    nodeId?: string | string[];
+    /** If `true`, node toolbar is visible even if node is not selected. */
+    isVisible?: boolean;
+    /**
+     * Position of the toolbar relative to the node.
+     * @default Position.Top
+     * @example Position.TopLeft, Position.TopRight, Position.BottomLeft, Position.BottomRight
+     */
+    position?: Position;
+    /**
+     * The space between the node and the toolbar, measured in pixels.
+     * @default 10
+     */
+    offset?: number;
+    /**
+     * Align the toolbar relative to the node.
+     * @default "center"
+     * @example Align.Start, Align.Center, Align.End
+     */
+    align?: Align;
+};
+//# sourceMappingURL=types.d.ts.map

node_modules/@xyflow/react/dist/esm/additional-components/NodeToolbar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/additional-components/NodeToolbar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC3B,uEAAuE;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC"}