feat(ui): add type filter toggles

node_modules/@xyflow/react/dist/umd/additional-components/Controls/ControlButton.d.ts

@@ -0,0 +1,26 @@
+import type { ControlButtonProps } from './types';
+/**
+ * You can add buttons to the control panel by using the `<ControlButton />` component
+ * and pass it as a child to the [`<Controls />`](/api-reference/components/controls) component.
+ *
+ * @public
+ * @example
+ *```jsx
+ *import { MagicWand } from '@radix-ui/react-icons'
+ *import { ReactFlow, Controls, ControlButton } from '@xyflow/react'
+ *
+ *export default function Flow() {
+ *  return (
+ *    <ReactFlow nodes={[...]} edges={[...]}>
+ *      <Controls>
+ *        <ControlButton onClick={() => alert('Something magical just happened. ✨')}>
+ *          <MagicWand />
+ *        </ControlButton>
+ *      </Controls>
+ *    </ReactFlow>
+ *  )
+ *}
+ *```
+ */
+export declare function ControlButton({ children, className, ...rest }: ControlButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ControlButton.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/ControlButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlButton.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Controls/ControlButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAMjF"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Controls.d.ts

@@ -0,0 +1,29 @@
+import type { ControlProps } from './types';
+declare function ControlsComponent({ style, showZoom, showFitView, showInteractive, fitViewOptions, onZoomIn, onZoomOut, onFitView, onInteractiveChange, className, children, position, orientation, 'aria-label': ariaLabel, }: ControlProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ControlsComponent {
+    var displayName: string;
+}
+/**
+ * The `<Controls />` component renders a small panel that contains convenient
+ * buttons to zoom in, zoom out, fit the view, and lock the viewport.
+ *
+ * @public
+ * @example
+ *```tsx
+ *import { ReactFlow, Controls } from '@xyflow/react'
+ *
+ *export default function Flow() {
+ *  return (
+ *    <ReactFlow nodes={[...]} edges={[...]}>
+ *      <Controls />
+ *    </ReactFlow>
+ *  )
+ *}
+ *```
+ *
+ * @remarks To extend or customise the controls, you can use the [`<ControlButton />`](/api-reference/components/control-button) component
+ *
+ */
+export declare const Controls: import("react").MemoExoticComponent<typeof ControlsComponent>;
+export {};
+//# sourceMappingURL=Controls.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Controls/Controls.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAS5C,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,QAAe,EACf,WAAkB,EAClB,eAAsB,EACtB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,QAAwB,EACxB,WAAwB,EACxB,YAAY,EAAE,SAAS,GACxB,EAAE,YAAY,2CAoFd;kBAnGQ,iBAAiB;;;AAuG1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/FitView.d.ts

@@ -0,0 +1,2 @@
+export declare function FitViewIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FitView.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/FitView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FitView.d.ts","sourceRoot":"","sources":["../../../../src/additional-components/Controls/Icons/FitView.tsx"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,4CAM1B"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Lock.d.ts

@@ -0,0 +1,2 @@
+export declare function LockIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Lock.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Lock.d.ts","sourceRoot":"","sources":["../../../../src/additional-components/Controls/Icons/Lock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Minus.d.ts

@@ -0,0 +1,2 @@
+export declare function MinusIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Minus.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Minus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Minus.d.ts","sourceRoot":"","sources":["../../../../src/additional-components/Controls/Icons/Minus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAMxB"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Plus.d.ts

@@ -0,0 +1,2 @@
+export declare function PlusIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Plus.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Plus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Plus.d.ts","sourceRoot":"","sources":["../../../../src/additional-components/Controls/Icons/Plus.tsx"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,4CAMvB"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Unlock.d.ts

@@ -0,0 +1,2 @@
+export declare function UnlockIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Unlock.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/Icons/Unlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Unlock.d.ts","sourceRoot":"","sources":["../../../../src/additional-components/Controls/Icons/Unlock.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAMzB"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/index.d.ts

@@ -0,0 +1,4 @@
+export { Controls } from './Controls';
+export { ControlButton } from './ControlButton';
+export type { ControlProps, ControlButtonProps } from './types';
+//# sourceMappingURL=index.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

node_modules/@xyflow/react/dist/umd/additional-components/Controls/types.d.ts

@@ -0,0 +1,66 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { PanelPosition } from '@xyflow/system';
+import type { FitViewOptions } from '../../types';
+/**
+ * @expand
+ */
+export type ControlProps = {
+    /**
+     * Whether or not to show the zoom in and zoom out buttons. These buttons will adjust the viewport
+     * zoom by a fixed amount each press.
+     * @default true
+     */
+    showZoom?: boolean;
+    /**
+     * Whether or not to show the fit view button. By default, this button will adjust the viewport so
+     * that all nodes are visible at once.
+     * @default true
+     */
+    showFitView?: boolean;
+    /**
+     * Show button for toggling interactivity
+     * @default true
+     */
+    showInteractive?: boolean;
+    /**
+     * Customise the options for the fit view button. These are the same options you would pass to the
+     * fitView function.
+     */
+    fitViewOptions?: FitViewOptions;
+    /** Called in addition the default zoom behavior when the zoom in button is clicked. */
+    onZoomIn?: () => void;
+    /** Called in addition the default zoom behavior when the zoom out button is clicked. */
+    onZoomOut?: () => void;
+    /**
+     * Called when the fit view button is clicked. When this is not provided, the viewport will be
+     * adjusted so that all nodes are visible.
+     */
+    onFitView?: () => void;
+    /** Called when the interactive (lock) button is clicked. */
+    onInteractiveChange?: (interactiveStatus: boolean) => void;
+    /**
+     * Position of the controls on the pane
+     * @default PanelPosition.BottomLeft
+     * @example PanelPosition.TopLeft, PanelPosition.TopRight,
+     * PanelPosition.BottomLeft, PanelPosition.BottomRight
+     */
+    position?: PanelPosition;
+    children?: ReactNode;
+    /** Style applied to container */
+    style?: React.CSSProperties;
+    /** Class name applied to container */
+    className?: string;
+    /**
+     * @default 'React Flow controls'
+     */
+    'aria-label'?: string;
+    /**
+     * @default 'vertical'
+     */
+    orientation?: 'horizontal' | 'vertical';
+};
+/**
+ * @expand
+ */
+export type ControlButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
+//# sourceMappingURL=types.d.ts.map

node_modules/@xyflow/react/dist/umd/additional-components/Controls/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Controls/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,uFAAuF;IACvF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,4DAA4D;IAC5D,mBAAmB,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iCAAiC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC"}