@jbrowse/plugin-variants 2.18.0 → 3.0.0

package/dist/ChordVariantDisplay/models/stateModelFactory.d.ts

@@ -107,7 +107,7 @@ declare const stateModelFactory: (configSchema: AnyConfigurationSchemaType) => i
 } & {
     renderSvg(opts: import("@jbrowse/plugin-circular-view/src/CircularView/model").ExportSvgOptions & {
         theme?: import("@mui/material").ThemeOptions;
-    }): Promise<import("react").JSX.Element>;
+    }): Promise<import("react/jsx-runtime").JSX.Element>;
 } & {
     readonly rendererTypeName: any;
     renderProps(): Record<string, unknown>;

package/dist/LinearVariantDisplay/model.d.ts

@@ -36,7 +36,7 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -179,13 +179,13 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
     contextMenuFeature: undefined | Feature;
 } & {
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
@@ -212,7 +212,7 @@ export default function stateModelFactory(configSchema: AnyConfigurationSchemaTy
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: import("@jbrowse/plugin-linear-genome-view").ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly activeFilters: any;

package/dist/MultiLinearVariantDisplay/components/Crosshair.d.ts

@@ -0,0 +1,7 @@
+import type { MultiLinearVariantDisplayModel } from '../model';
+declare const Crosshair: ({ mouseX, mouseY, model, }: {
+    mouseX: number;
+    mouseY: number;
+    model: MultiLinearVariantDisplayModel;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default Crosshair;

package/dist/MultiLinearVariantDisplay/components/Crosshair.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const util_1 = require("@jbrowse/core/util");
+const mobx_react_1 = require("mobx-react");
+const mui_1 = require("tss-react/mui");
+const MultiVariantTooltip_1 = __importDefault(require("../../shared/MultiVariantTooltip"));
+const useStyles = (0, mui_1.makeStyles)()({
+    rel: {
+        position: 'relative',
+    },
+    cursor: {
+        pointerEvents: 'none',
+        zIndex: 1000,
+        position: 'absolute',
+    },
+    color: {
+        width: 10,
+        height: 10,
+    },
+});
+const Crosshair = (0, mobx_react_1.observer)(function ({ mouseX, mouseY, model, }) {
+    const { classes } = useStyles();
+    const { hoveredGenotype, height, scrollTop, rowHeight, sources } = model;
+    const { width } = (0, util_1.getContainingView)(model);
+    const source = sources === null || sources === void 0 ? void 0 : sources[Math.floor(mouseY / rowHeight)];
+    const y = mouseY - scrollTop;
+    return source ? ((0, jsx_runtime_1.jsxs)("div", { className: classes.rel, children: [(0, jsx_runtime_1.jsxs)("svg", { className: classes.cursor, width: width, height: height, style: {
+                    top: scrollTop,
+                }, children: [(0, jsx_runtime_1.jsx)("line", { x1: 0, x2: width, y1: y, y2: y, stroke: "black" }), (0, jsx_runtime_1.jsx)("line", { x1: mouseX, x2: mouseX, y1: 0, y2: height, stroke: "black" })] }), (0, jsx_runtime_1.jsx)(MultiVariantTooltip_1.default, { source: { ...source, hoveredGenotype } })] })) : null;
+});
+exports.default = Crosshair;

package/dist/MultiLinearVariantDisplay/components/VariantDisplayComponent.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import type { MultiLinearVariantDisplayModel } from '../model';
 declare const MultiLinearVariantDisplayComponent: (props: {
     model: MultiLinearVariantDisplayModel;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default MultiLinearVariantDisplayComponent;

package/dist/MultiLinearVariantDisplay/components/VariantDisplayComponent.js

@@ -1,53 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const ui_1 = require("@jbrowse/core/ui");
-const BaseTooltip_1 = __importDefault(require("@jbrowse/core/ui/BaseTooltip"));
-const util_1 = require("@jbrowse/core/util");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const plugin_linear_genome_view_1 = require("@jbrowse/plugin-linear-genome-view");
 const mobx_react_1 = require("mobx-react");
-const mui_1 = require("tss-react/mui");
+const Crosshair_1 = __importDefault(require("./Crosshair"));
 const LegendBar_1 = __importDefault(require("../../shared/LegendBar"));
-const useStyles = (0, mui_1.makeStyles)()({
-    cursor: {
-        pointerEvents: 'none',
-    },
-});
 const MultiLinearVariantDisplayComponent = (0, mobx_react_1.observer)(function (props) {
     const { model } = props;
-    const { classes } = useStyles();
-    const { height, sources, rowHeight, scrollTop } = model;
     const ref = (0, react_1.useRef)(null);
     const [mouseY, setMouseY] = (0, react_1.useState)();
     const [mouseX, setMouseX] = (0, react_1.useState)();
-    const { width } = (0, util_1.getContainingView)(model);
-    return (react_1.default.createElement("div", { ref: ref, onMouseMove: event => {
+    return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, onMouseMove: event => {
             var _a;
             const rect = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
             const top = (rect === null || rect === void 0 ? void 0 : rect.top) || 0;
@@ -57,17 +24,6 @@ const MultiLinearVariantDisplayComponent = (0, mobx_react_1.observer)(function (
         }, onMouseLeave: () => {
             setMouseY(undefined);
             setMouseX(undefined);
-        } },
-        react_1.default.createElement(plugin_linear_genome_view_1.BaseLinearDisplayComponent, { ...props }),
-        react_1.default.createElement(LegendBar_1.default, { model: model }),
-        mouseY && sources ? (react_1.default.createElement("div", { style: { position: 'relative' } },
-            react_1.default.createElement("svg", { className: classes.cursor, width: width, height: height, style: { position: 'absolute', top: scrollTop } },
-                react_1.default.createElement("line", { x1: 0, x2: width, y1: mouseY - scrollTop, y2: mouseY - scrollTop, stroke: "black" }),
-                react_1.default.createElement("line", { x1: mouseX, x2: mouseX, y1: 0, y2: height, stroke: "black" })),
-            react_1.default.createElement(BaseTooltip_1.default, null,
-                react_1.default.createElement(ui_1.SanitizedHTML, { html: Object.entries(sources[Math.floor(mouseY / rowHeight)] || {})
-                        .filter(([key]) => key !== 'color')
-                        .map(([key, value]) => `${key}:${value}`)
-                        .join('\n') })))) : null));
+        }, children: [(0, jsx_runtime_1.jsx)(plugin_linear_genome_view_1.BaseLinearDisplayComponent, { ...props }), (0, jsx_runtime_1.jsx)(LegendBar_1.default, { model: model }), mouseX && mouseY ? ((0, jsx_runtime_1.jsx)(Crosshair_1.default, { mouseX: mouseX, mouseY: mouseY, model: model })) : null] }));
 });
 exports.default = MultiLinearVariantDisplayComponent;

package/dist/MultiLinearVariantDisplay/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -38,7 +48,7 @@ function MultiLinearVariantDisplayF(pluginManager) {
             name: 'MultiLinearVariantDisplay',
             displayName: 'Multi-variant display (regular)',
             configSchema,
-            stateModel: (0, model_1.default)(pluginManager, configSchema),
+            stateModel: (0, model_1.default)(configSchema),
             trackType: 'VariantTrack',
             viewType: 'LinearGenomeView',
             ReactComponent: (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('./components/VariantDisplayComponent')))),

package/dist/MultiLinearVariantDisplay/model.d.ts

@@ -1,10 +1,7 @@
-import { type ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
-import type { Source } from '../util';
-import type PluginManager from '@jbrowse/core/PluginManager';
 import type { AnyConfigurationSchemaType } from '@jbrowse/core/configuration';
-import type { AnyReactComponentType, Feature } from '@jbrowse/core/util';
+import type { ExportSvgDisplayOptions } from '@jbrowse/plugin-linear-genome-view';
 import type { Instance } from 'mobx-state-tree';
-export declare function stateModelFactory(pluginManager: PluginManager, configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
+export declare function stateModelFactory(configSchema: AnyConfigurationSchemaType): import("mobx-state-tree").IModelType<{
     id: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
     type: import("mobx-state-tree").ISimpleType<string>;
     rpcDriverName: import("mobx-state-tree").IMaybe<import("mobx-state-tree").ISimpleType<string>>;
@@ -24,7 +21,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
         stopToken: string | undefined;
         filled: boolean;
         reactElement: React.ReactElement | undefined;
-        features: Map<string, Feature> | undefined;
+        features: Map<string, import("@jbrowse/core/util").Feature> | undefined;
         layout: any;
         status: string;
         error: unknown;
@@ -39,7 +36,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
                 status?: string;
                 reactElement?: React.ReactElement;
             };
-        }) => import("react").JSX.Element | undefined;
+        }) => import("react/jsx-runtime").JSX.Element | undefined;
         renderProps: any;
     } & {
         doReload(): void;
@@ -83,12 +80,20 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     type: import("mobx-state-tree").ISimpleType<"LinearBareDisplay">;
     configuration: AnyConfigurationSchemaType;
+} & {
+    type: import("mobx-state-tree").ISimpleType<"LinearVariantMatrixDisplay">;
+    layout: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<import("../types").Source[], import("../types").Source[], import("../types").Source[]>, [undefined]>;
+    configuration: AnyConfigurationSchemaType;
+    minorAlleleFrequencyFilter: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    showSidebarLabelsSetting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
+    renderingMode: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<string>, [undefined]>;
+    rowHeightSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    autoHeight: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 } & {
     type: import("mobx-state-tree").ISimpleType<"MultiLinearVariantDisplay">;
-    layout: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").IType<Source[], Source[], Source[]>, [undefined]>;
     rowHeightSetting: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
+    minorAlleleFrequencyFilter: import("mobx-state-tree").IOptionalIType<import("mobx-state-tree").ISimpleType<number>, [undefined]>;
     autoHeight: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
-    showSidebarLabelsSetting: import("mobx-state-tree").IType<boolean | undefined, boolean, boolean>;
 }, {
     rendererTypeName: string;
     error: unknown;
@@ -180,32 +185,32 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
 } & {
     readonly statsReadyAndRegionNotTooLarge: boolean;
     regionCannotBeRenderedText(_region: import("@jbrowse/core/util").Region): "" | "Force load to see features";
-    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react").JSX.Element | null;
+    regionCannotBeRendered(_region: import("@jbrowse/core/util").Region): import("react/jsx-runtime").JSX.Element | null;
 } & {
     featureIdUnderMouse: undefined | string;
-    contextMenuFeature: undefined | Feature;
+    contextMenuFeature: undefined | import("@jbrowse/core/util").Feature;
 } & {
-    readonly DisplayMessageComponent: import("react").FC<any> | undefined;
-    readonly blockType: "dynamicBlocks" | "staticBlocks";
+    readonly DisplayMessageComponent: undefined | React.FC<any>;
+    readonly blockType: "staticBlocks" | "dynamicBlocks";
     readonly blockDefinitions: import("@jbrowse/core/util/blockTypes").BlockSet;
 } & {
     readonly renderDelay: number;
-    readonly TooltipComponent: AnyReactComponentType;
+    readonly TooltipComponent: import("@jbrowse/core/util").AnyReactComponentType;
     readonly selectedFeatureId: string | undefined;
 } & {
-    readonly features: import("@jbrowse/core/util/compositeMap").default<string, Feature>;
-    readonly featureUnderMouse: Feature | undefined;
+    readonly features: import("@jbrowse/core/util/compositeMap").default<string, import("@jbrowse/core/util").Feature>;
+    readonly featureUnderMouse: import("@jbrowse/core/util").Feature | undefined;
     getFeatureOverlapping(blockKey: string, x: number, y: number): string | undefined;
     getFeatureByID(blockKey: string, id: string): [number, number, number, number] | undefined;
     searchFeatureByID(id: string): [number, number, number, number] | undefined;
 } & {
     addBlock(key: string, block: import("@jbrowse/core/util/blockTypes").BaseBlock): void;
     deleteBlock(key: string): void;
-    selectFeature(feature: Feature): void;
-    navToFeature(feature: Feature): void;
+    selectFeature(feature: import("@jbrowse/core/util").Feature): void;
+    navToFeature(feature: import("@jbrowse/core/util").Feature): void;
     clearFeatureSelection(): void;
     setFeatureIdUnderMouse(feature?: string): void;
-    setContextMenuFeature(feature?: Feature): void;
+    setContextMenuFeature(feature?: import("@jbrowse/core/util").Feature): void;
 } & {
     reload(): Promise<void>;
 } & {
@@ -213,7 +218,7 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     contextMenuItems(): import("@jbrowse/core/ui").MenuItem[];
     renderProps(): any;
 } & {
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
     afterAttach(): void;
 } & {
     readonly rendererConfig: {
@@ -232,46 +237,114 @@ export declare function stateModelFactory(pluginManager: PluginManager, configSc
     renderProps(): any;
 } & {
     sourcesLoadingStopToken: string | undefined;
-    featureUnderMouseVolatile: Feature | undefined;
-    sourcesVolatile: Source[] | undefined;
+    featureUnderMouseVolatile: import("@jbrowse/core/util").Feature | undefined;
+    sourcesVolatile: import("../types").Source[] | undefined;
+    featuresVolatile: import("@jbrowse/core/util").Feature[] | undefined;
+    hasPhased: boolean;
+    sampleInfo: undefined | Record<string, import("../types").SampleInfo>;
+    hoveredGenotype: string | undefined;
 } & {
-    setSourcesLoading(str: string): void;
-    setLayout(layout: Source[]): void;
-    clearLayout(): void;
-    setSources(sources: Source[]): void;
-    setFeatureUnderMouse(f?: Feature): void;
     setRowHeight(arg: number): void;
-    setAutoHeight(arg: boolean): void;
+    setHoveredGenotype(arg: string): void;
+    setFeatures(f: import("@jbrowse/core/util").Feature[]): void;
+    setLayout(layout: import("../types").Source[]): void;
+    clearLayout(): void;
+    setSourcesLoading(str: string): void;
+    setSources(sources: import("../types").Source[]): void;
+    setMafFilter(arg: number): void;
     setShowSidebarLabels(arg: boolean): void;
+    setPhasedMode(arg: string): void;
+    setAutoHeight(arg: boolean): void;
+    setHasPhased(arg: boolean): void;
+    setSampleInfo(arg: Record<string, import("../types").SampleInfo>): void;
 } & {
-    readonly featureUnderMouse: Feature | undefined;
-    readonly TooltipComponent: AnyReactComponentType;
-} & {
-    readonly rendererTypeName: string;
+    readonly preSources: import("../types").Source[] | undefined;
     readonly sources: {
-        color: string;
+        label: string;
+        id: string;
         baseUri?: string;
         name: string;
+        color?: string;
         group?: string;
+        HP?: number;
     }[] | undefined;
 } & {
     readonly rowHeight: number;
-} & {
-    readonly canDisplayLabels: boolean;
-    readonly totalHeight: number;
     adapterProps(): any;
-} & {
-    renderProps(): any;
-} & {
     trackMenuItems(): (import("@jbrowse/core/ui").MenuDivider | import("@jbrowse/core/ui").MenuSubHeader | import("@jbrowse/core/ui").NormalMenuItem | import("@jbrowse/core/ui").CheckboxMenuItem | import("@jbrowse/core/ui").RadioMenuItem | import("@jbrowse/core/ui").SubMenuItem | {
         label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
         type: string;
         checked: boolean;
         onClick: () => void;
+        subMenu?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        subMenu: ({
+            label: string;
+            disabled: boolean;
+            onClick: () => void;
+            type?: undefined;
+            checked?: undefined;
+        } | {
+            label: string;
+            type: string;
+            checked: boolean;
+            onClick: () => void;
+            disabled?: undefined;
+        })[];
+        type?: undefined;
+        checked?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        subMenu: ({
+            label: string;
+            type: string;
+            checked: boolean;
+            onClick: () => void;
+            disabled?: undefined;
+        } | {
+            label: string;
+            disabled: boolean;
+            checked: boolean;
+            type: string;
+            onClick: () => void;
+        })[];
+        type?: undefined;
+        checked?: undefined;
+        onClick?: undefined;
+    } | {
+        label: string;
+        icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+            muiName: string;
+        };
+        subMenu: {
+            label: string;
+            onClick: () => void;
+        }[];
+        type?: undefined;
+        checked?: undefined;
+        onClick?: undefined;
     })[];
+} & {
+    readonly canDisplayLabels: boolean;
+    readonly totalHeight: number;
+} & {
+    renderProps(): any;
+} & {
+    readonly rendererTypeName: string;
 } & {
     afterAttach(): void;
-    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react").JSX.Element>;
+    renderSvg(opts: ExportSvgDisplayOptions): Promise<import("react/jsx-runtime").JSX.Element>;
 }, import("mobx-state-tree")._NotCustomized, import("mobx-state-tree")._NotCustomized>;
 export type MultiLinearVariantDisplayStateModel = ReturnType<typeof stateModelFactory>;
 export type MultiLinearVariantDisplayModel = Instance<MultiLinearVariantDisplayStateModel>;