feat(ui): add type filter toggles

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

@@ -0,0 +1,61 @@
+import { type BackgroundProps } from './types';
+declare function BackgroundComponent({ id, variant, gap, size, lineWidth, offset, color, bgColor, style, className, patternClassName, }: BackgroundProps): import("react/jsx-runtime").JSX.Element;
+declare namespace BackgroundComponent {
+    var displayName: string;
+}
+/**
+ * The `<Background />` component makes it convenient to render different types of backgrounds common in node-based UIs. It comes with three variants: lines, dots and cross.
+ *
+ * @example
+ *
+ * A simple example of how to use the Background component.
+ *
+ * ```tsx
+ * import { useState } from 'react';
+ * import { ReactFlow, Background, BackgroundVariant } from '@xyflow/react';
+ *
+ * export default function Flow() {
+ *   return (
+ *     <ReactFlow defaultNodes={[...]} defaultEdges={[...]}>
+ *       <Background color="#ccc" variant={BackgroundVariant.Dots} />
+ *     </ReactFlow>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ *
+ * In this example you can see how to combine multiple backgrounds
+ *
+ * ```tsx
+ * import { ReactFlow, Background, BackgroundVariant } from '@xyflow/react';
+ * import '@xyflow/react/dist/style.css';
+ *
+ * export default function Flow() {
+ *   return (
+ *     <ReactFlow defaultNodes={[...]} defaultEdges={[...]}>
+ *       <Background
+ *         id="1"
+ *         gap={10}
+ *         color="#f1f1f1"
+ *         variant={BackgroundVariant.Lines}
+ *       />
+ *       <Background
+ *         id="2"
+ *         gap={100}
+ *         color="#ccc"
+ *         variant={BackgroundVariant.Lines}
+ *       />
+ *     </ReactFlow>
+ *   );
+ * }
+ * ```
+ *
+ * @remarks
+ *
+ * When combining multiple <Background /> components it’s important to give each of them a unique id prop!
+ *
+ */
+export declare const Background: import("react").MemoExoticComponent<typeof BackgroundComponent>;
+export {};
+//# sourceMappingURL=Background.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Background.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Background/Background.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,SAAS,CAAC;AAWlE,iBAAS,mBAAmB,CAAC,EAC3B,EAAE,EACF,OAAgC,EAEhC,GAAQ,EAER,IAAI,EACJ,SAAa,EACb,MAAU,EACV,KAAK,EACL,OAAO,EACP,KAAK,EACL,SAAS,EACT,gBAAgB,GACjB,EAAE,eAAe,2CAwDjB;kBAtEQ,mBAAmB;;;AA0E5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDG;AACH,eAAO,MAAM,UAAU,iEAA4B,CAAC"}

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

@@ -0,0 +1,15 @@
+import { BackgroundVariant } from './types';
+type LinePatternProps = {
+    dimensions: [number, number];
+    variant: BackgroundVariant;
+    lineWidth?: number;
+    className?: string;
+};
+export declare function LinePattern({ dimensions, lineWidth, variant, className }: LinePatternProps): import("react/jsx-runtime").JSX.Element;
+type DotPatternProps = {
+    radius: number;
+    className?: string;
+};
+export declare function DotPattern({ radius, className }: DotPatternProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Patterns.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Patterns.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Background/Patterns.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAQ1F;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,eAAe,2CAIhE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Background/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,59 @@
+import { CSSProperties } from 'react';
+/**
+ * The three variants are exported as an enum for convenience. You can either import
+ * the enum and use it like `BackgroundVariant.Lines` or you can use the raw string
+ * value directly.
+ * @public
+ */
+export declare enum BackgroundVariant {
+    Lines = "lines",
+    Dots = "dots",
+    Cross = "cross"
+}
+/**
+ * @expand
+ */
+export type BackgroundProps = {
+    /** When multiple backgrounds are present on the page, each one should have a unique id. */
+    id?: string;
+    /** Color of the pattern. */
+    color?: string;
+    /** Color of the background. */
+    bgColor?: string;
+    /** Class applied to the container. */
+    className?: string;
+    /** Class applied to the pattern. */
+    patternClassName?: string;
+    /**
+     * The gap between patterns. Passing in a tuple allows you to control the x and y gap
+     * independently.
+     * @default 20
+     */
+    gap?: number | [number, number];
+    /**
+     * The radius of each dot or the size of each rectangle if `BackgroundVariant.Dots` or
+     * `BackgroundVariant.Cross` is used. This defaults to 1 or 6 respectively, or ignored if
+     * `BackgroundVariant.Lines` is used.
+     */
+    size?: number;
+    /**
+     * Offset of the pattern.
+     * @default 0
+     */
+    offset?: number | [number, number];
+    /**
+     * The stroke thickness used when drawing the pattern.
+     * @default 1
+     */
+    lineWidth?: number;
+    /**
+     * Variant of the pattern.
+     * @default BackgroundVariant.Dots
+     * @example BackgroundVariant.Lines, BackgroundVariant.Dots, BackgroundVariant.Cross
+     * 'lines', 'dots', 'cross'
+     */
+    variant?: BackgroundVariant;
+    /** Style applied to the container. */
+    style?: CSSProperties;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/additional-components/Background/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;;;;GAKG;AACH,oBAAY,iBAAiB;IAC3B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,2FAA2F;IAC3F,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,sCAAsC;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC"}