@pmndrs/uikit/dist/flex/setter.d.ts

Build performant 3D user interfaces with Three.js and yoga.

import { Node } from "yoga-layout/load";
import type { RootContext } from '../context.js';
export declare const setter: {
    positionType: (root: RootContext, node: Node, input: "static" | "relative" | "absolute" | undefined) => void;
    positionTop: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    positionLeft: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    positionRight: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    positionBottom: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    alignContent: (root: RootContext, node: Node, input: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined) => void;
    alignItems: (root: RootContext, node: Node, input: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined) => void;
    alignSelf: (root: RootContext, node: Node, input: "auto" | "flex-start" | "center" | "flex-end" | "stretch" | "baseline" | "space-between" | "space-around" | "space-evenly" | undefined) => void;
    flexDirection: (root: RootContext, node: Node, input: "column" | "column-reverse" | "row" | "row-reverse" | undefined) => void;
    flexWrap: (root: RootContext, node: Node, input: "no-wrap" | "wrap" | "wrap-reverse" | undefined) => void;
    justifyContent: (root: RootContext, node: Node, input: "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined) => void;
    marginTop: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    marginLeft: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    marginRight: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    marginBottom: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    flexBasis: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    flexGrow: (root: RootContext, node: Node, input: undefined | number) => void;
    flexShrink: (root: RootContext, node: Node, input: undefined | number) => void;
    width: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    height: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw` | "auto") => void;
    minWidth: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    minHeight: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    maxWidth: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    maxHeight: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    boxSizing: (root: RootContext, node: Node, input: undefined | number) => void;
    aspectRatio: (root: RootContext, node: Node, input: undefined | number) => void;
    borderTopWidth: (root: RootContext, node: Node, input: undefined | number) => void;
    borderLeftWidth: (root: RootContext, node: Node, input: undefined | number) => void;
    borderRightWidth: (root: RootContext, node: Node, input: undefined | number) => void;
    borderBottomWidth: (root: RootContext, node: Node, input: undefined | number) => void;
    overflow: (root: RootContext, node: Node, input: "visible" | "hidden" | "scroll" | undefined) => void;
    display: (root: RootContext, node: Node, input: "flex" | "none" | "contents" | undefined) => void;
    paddingTop: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    paddingLeft: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    paddingRight: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    paddingBottom: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    gapRow: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    gapColumn: (root: RootContext, node: Node, input: undefined | number | `${number}%` | `${number}vh` | `${number}dvh` | `${number}svh` | `${number}lvh` | `${number}vw` | `${number}lvw` | `${number}svw` | `${number}dvw`) => void;
    direction: (root: RootContext, node: Node, input: undefined | number) => void;
};