unionize | Boilerplate-free functional sum types in TypeScript

You can get individual parts of resulting MultiPolygons via explode().

What you are experiencing is called "collapsing margins". Example: If there's an h2 as the first child element inside a div, and the div has no margins, the top margin of the h2 will "go outside the div" at the top - h1, h2 etc. tags have a default margins in practically all browsers (which is a browser setting). To prevent that, you can define all margins for according elements as zero, like I did below with

Identify the source table at the point of union:

The difference is that Extract is a distributive conditional type, while your CustomExtract is not.

In order for a conditional type of the form X extends Y ? A : B to be distributive, the checked type X must be a "naked type parameter"; that is, a type parameter like T in interface Foo {...}, and naked in that it is just the type parameter being checked (i.e., T extends ...) and not just some expression that includes the type parameter (e.g., Promise extends ... or [T] extends ...).

As you surmised, distributive conditional types do indeed evaluate as the union of the conditional for each union element of the checked type T. So if F is a distributive conditional type, then F will be evaluated as F | F | F. One potential catch is that F will be evaluated as never no matter what the details of F are (as long as it's distributive), as never is considered to be the "empty union type".

You can turn a union into an intersection using the answer to this question, with all the caveats that come with it:

This could be achieved via scale_fill_binned and guide_bins. Try this:

The term distributive refers to how union types should be treated when subjected to type-level operations (such as keyof or mapped types).

• Non-distributive (default) operations are applied to properties that exist on every member of the union.
• Distributive operations are applied to all members of the union separately.

Let's use an example.