@yahoo/uds-v5-wip 0.0.1

package/dist/foundational-presets/dist/defaultPreset.js

@@ -0,0 +1,1784 @@
+import { uds } from "../../config/dist/createConfig.js";
+import "../../config/dist/index.js";
+//#region ../foundational-presets/dist/defaultPreset.js
+const defaultFoundationPreset = uds.defineModes([{
+	name: "colorMode",
+	options: [{
+		name: "light",
+		modifier: "_light",
+		default: true
+	}, {
+		name: "dark",
+		modifier: "_dark",
+		css: ".dark"
+	}]
+}, {
+	name: "responsive",
+	options: [
+		{
+			name: "sm",
+			modifier: "_sm",
+			media: "(min-width: 640px)"
+		},
+		{
+			name: "md",
+			modifier: "_md",
+			media: "(min-width: 768px)"
+		},
+		{
+			name: "lg",
+			modifier: "_lg",
+			media: "(min-width: 1024px)"
+		},
+		{
+			name: "xl",
+			modifier: "_xl",
+			media: "(min-width: 1280px)"
+		},
+		{
+			name: "2xl",
+			modifier: "_2xl",
+			media: "(min-width: 1536px)"
+		}
+	]
+}]).defineAtomicTokens([
+	{
+		cssPrefix: "color",
+		properties: [
+			"color",
+			"bg",
+			"borderColor",
+			"caretColor",
+			"ringColor",
+			"ringOffsetColor",
+			"textDecorationColor",
+			"fillColor",
+			"strokeColor",
+			"shadowColor"
+		],
+		tokens: [
+			{
+				name: "inherit",
+				value: "inherit"
+			},
+			{
+				name: "current",
+				value: "currentColor"
+			},
+			{
+				name: "transparent",
+				value: "transparent"
+			},
+			{
+				name: "always/black",
+				value: "#000"
+			},
+			{
+				name: "always/white",
+				value: "#fff"
+			}
+		]
+	},
+	{
+		properties: ["color"],
+		tokens: [
+			{
+				name: "brand",
+				value: "#1167f4",
+				modifiers: { _dark: "#88bcfb" }
+			},
+			{
+				name: "on-brand",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "accent",
+				value: "#da1c46",
+				modifiers: { _dark: "#fc9aa8" }
+			},
+			{
+				name: "on-accent",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "alert",
+				value: "#df1313",
+				modifiers: { _dark: "#fa9b9b" }
+			},
+			{
+				name: "on-alert",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "positive",
+				value: "#17843f",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "on-positive",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "warning",
+				value: "#bf5105",
+				modifiers: { _dark: "#fca156" }
+			},
+			{
+				name: "on-warning",
+				value: "#ffffff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "primary",
+				value: "#52525b",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "on-primary",
+				value: "#18181b",
+				modifiers: { _dark: "#fafafa" }
+			},
+			{
+				name: "secondary",
+				value: "#a1a1aa",
+				modifiers: { _dark: "#a1a1aa" }
+			},
+			{
+				name: "on-secondary",
+				value: "#6f6f78",
+				modifiers: { _dark: "#b7b7bd" }
+			},
+			{
+				name: "tertiary",
+				value: "#fafafa",
+				modifiers: { _dark: "#18181b" }
+			},
+			{
+				name: "on-tertiary",
+				value: "#71717a",
+				modifiers: { _dark: "#b2b2b9" }
+			},
+			{
+				name: "inverse",
+				value: "#18181b",
+				modifiers: { _dark: "#fafafa" }
+			},
+			{
+				name: "on-inverse",
+				value: "#fafafa",
+				modifiers: { _dark: "#09090b" }
+			}
+		]
+	},
+	{
+		properties: ["bg"],
+		tokens: [
+			{
+				name: "brand",
+				value: "#1e6ff5",
+				modifiers: { _dark: "#71affb" }
+			},
+			{
+				name: "surface",
+				value: "#fafafa",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "accent",
+				value: "#e11d48",
+				modifiers: { _dark: "#fc8a9a" }
+			},
+			{
+				name: "alert",
+				value: "#eb1616",
+				modifiers: { _dark: "#f98d8d" }
+			},
+			{
+				name: "positive",
+				value: "#188841",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "warning",
+				value: "#c55405",
+				modifiers: { _dark: "#fb923c" }
+			},
+			{
+				name: "primary",
+				value: "#fff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "elevation-1",
+				value: "#fff",
+				modifiers: { _dark: "#18181b" }
+			},
+			{
+				name: "elevation-2",
+				value: "#fff",
+				modifiers: { _dark: "#27272a" }
+			},
+			{
+				name: "elevation-3",
+				value: "#fff",
+				modifiers: { _dark: "#3f3f46" }
+			},
+			{
+				name: "secondary",
+				value: "#f4f4f5",
+				modifiers: { _dark: "#27272a" }
+			},
+			{
+				name: "tertiary",
+				value: "#fafafa",
+				modifiers: { _dark: "#18181b" }
+			},
+			{
+				name: "inverse",
+				value: "#18181b",
+				modifiers: { _dark: "#fafafa" }
+			},
+			{
+				name: "brand-wash",
+				value: "#eff6ff",
+				modifiers: { _dark: "#172554" }
+			},
+			{
+				name: "accent-wash",
+				value: "#fff1f2",
+				modifiers: { _dark: "#4c0519" }
+			},
+			{
+				name: "alert-wash",
+				value: "#fef2f2",
+				modifiers: { _dark: "#450a0a" }
+			},
+			{
+				name: "positive-wash",
+				value: "#f0fdf4",
+				modifiers: { _dark: "#052e16" }
+			},
+			{
+				name: "warning-wash",
+				value: "#fff7ed",
+				modifiers: { _dark: "#431407" }
+			},
+			{
+				name: "overlay",
+				value: "rgba(0,0,0,0.5)",
+				modifiers: { _dark: "rgba(0,0,0,0.7)" }
+			}
+		]
+	},
+	{
+		properties: [
+			"borderColor",
+			"borderYColor",
+			"borderXColor",
+			"borderStartColor",
+			"borderLeftColor",
+			"borderEndColor",
+			"borderRightColor",
+			"borderTopColor",
+			"borderBottomColor"
+		],
+		tokens: [
+			{
+				name: "brand",
+				value: "#1e6ff5",
+				modifiers: { _dark: "#71affb" }
+			},
+			{
+				name: "surface",
+				value: "#fafafa",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "accent",
+				value: "#e11d48",
+				modifiers: { _dark: "#fc8a9a" }
+			},
+			{
+				name: "alert",
+				value: "#eb1616",
+				modifiers: { _dark: "#f98d8d" }
+			},
+			{
+				name: "positive",
+				value: "#188841",
+				modifiers: { _dark: "#4ade80" }
+			},
+			{
+				name: "warning",
+				value: "#c55405",
+				modifiers: { _dark: "#fb923c" }
+			},
+			{
+				name: "primary",
+				value: "#fff",
+				modifiers: { _dark: "#09090b" }
+			},
+			{
+				name: "secondary",
+				value: "#f4f4f5",
+				modifiers: { _dark: "#27272a" }
+			},
+			{
+				name: "tertiary",
+				value: "#fafafa",
+				modifiers: { _dark: "#18181b" }
+			},
+			{
+				name: "inverse",
+				value: "#18181b",
+				modifiers: { _dark: "#fafafa" }
+			},
+			{
+				name: "brand-wash",
+				value: "#eff6ff",
+				modifiers: { _dark: "#172554" }
+			},
+			{
+				name: "accent-wash",
+				value: "#fff1f2",
+				modifiers: { _dark: "#4c0519" }
+			},
+			{
+				name: "alert-wash",
+				value: "#fef2f2",
+				modifiers: { _dark: "#450a0a" }
+			},
+			{
+				name: "positive-wash",
+				value: "#f0fdf4",
+				modifiers: { _dark: "#052e16" }
+			},
+			{
+				name: "warning-wash",
+				value: "#fff7ed",
+				modifiers: { _dark: "#431407" }
+			}
+		]
+	},
+	{
+		properties: [
+			"borderWidth",
+			"borderYWidth",
+			"borderXWidth",
+			"borderStartWidth",
+			"borderLeftWidth",
+			"borderEndWidth",
+			"borderRightWidth",
+			"borderTopWidth",
+			"borderBottomWidth"
+		],
+		tokens: [
+			{
+				name: "none",
+				value: "0px"
+			},
+			{
+				name: "thin",
+				value: "1px"
+			},
+			{
+				name: "medium",
+				value: "2px"
+			},
+			{
+				name: "thick",
+				value: "4px"
+			}
+		]
+	},
+	{
+		properties: ["outlineWidth"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "1",
+				value: "1px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			},
+			{
+				name: "4",
+				value: "4px"
+			},
+			{
+				name: "8",
+				value: "8px"
+			}
+		]
+	},
+	{
+		properties: ["outlineOffset"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "1",
+				value: "1px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			},
+			{
+				name: "4",
+				value: "4px"
+			},
+			{
+				name: "8",
+				value: "8px"
+			}
+		]
+	},
+	{
+		properties: ["divideWidth"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			},
+			{
+				name: "4",
+				value: "4px"
+			},
+			{
+				name: "8",
+				value: "8px"
+			},
+			{
+				name: "reverse",
+				value: "reverse"
+			}
+		]
+	},
+	{
+		properties: ["ringWidth"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "1",
+				value: "1px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			},
+			{
+				name: "4",
+				value: "4px"
+			},
+			{
+				name: "8",
+				value: "8px"
+			},
+			{
+				name: "inset",
+				value: "inset"
+			}
+		]
+	},
+	{
+		properties: ["ringOffsetWidth"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "1",
+				value: "1px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			},
+			{
+				name: "4",
+				value: "4px"
+			},
+			{
+				name: "8",
+				value: "8px"
+			}
+		]
+	},
+	{
+		properties: ["fontWeight"],
+		tokens: [
+			{
+				name: "thin",
+				value: "100"
+			},
+			{
+				name: "extralight",
+				value: "200"
+			},
+			{
+				name: "light",
+				value: "300"
+			},
+			{
+				name: "normal",
+				value: "400"
+			},
+			{
+				name: "medium",
+				value: "500"
+			},
+			{
+				name: "semibold",
+				value: "600"
+			},
+			{
+				name: "bold",
+				value: "700"
+			},
+			{
+				name: "extrabold",
+				value: "800"
+			},
+			{
+				name: "black",
+				value: "900"
+			}
+		]
+	},
+	{
+		properties: ["lineHeight"],
+		tokens: [
+			{
+				name: "none",
+				value: "1"
+			},
+			{
+				name: "tight",
+				value: "1.25"
+			},
+			{
+				name: "normal",
+				value: "1.5"
+			},
+			{
+				name: "relaxed",
+				value: "1.75"
+			}
+		]
+	},
+	{
+		properties: ["letterSpacing"],
+		tokens: [
+			{
+				name: "tighter",
+				value: "-0.05em"
+			},
+			{
+				name: "tight",
+				value: "-0.025em"
+			},
+			{
+				name: "normal",
+				value: "0em"
+			},
+			{
+				name: "wide",
+				value: "0.025em"
+			},
+			{
+				name: "wider",
+				value: "0.05em"
+			},
+			{
+				name: "widest",
+				value: "0.1em"
+			}
+		]
+	},
+	{
+		properties: [
+			"spacing",
+			"spacingX",
+			"spacingY",
+			"spacingTop",
+			"spacingBottom",
+			"spacingLeft",
+			"spacingRight",
+			"spacingStart",
+			"spacingEnd",
+			"width",
+			"minWidth",
+			"maxWidth",
+			"height",
+			"minHeight",
+			"maxHeight",
+			"gap",
+			"gapX",
+			"gapY",
+			"offset",
+			"offsetX",
+			"offsetY",
+			"offsetTop",
+			"offsetBottom",
+			"offsetLeft",
+			"offsetRight",
+			"offsetStart",
+			"offsetEnd",
+			"margin",
+			"marginX",
+			"marginY",
+			"marginTop",
+			"marginBottom",
+			"marginLeft",
+			"marginRight",
+			"marginStart",
+			"marginEnd",
+			"inset",
+			"top",
+			"right",
+			"bottom",
+			"left",
+			"insetX",
+			"insetY",
+			"indent",
+			"scrollSnapGap",
+			"scrollSnapGapTop",
+			"scrollSnapGapBottom",
+			"scrollSnapGapStart",
+			"scrollSnapGapEnd",
+			"scrollSnapGapX",
+			"scrollSnapGapY",
+			"scrollSnapSpacing",
+			"scrollSnapSpacingTop",
+			"scrollSnapSpacingBottom",
+			"scrollSnapSpacingStart",
+			"scrollSnapSpacingEnd",
+			"scrollSnapSpacingX",
+			"scrollSnapSpacingY",
+			"tableBorderSpacing",
+			"tableBorderSpacingX",
+			"tableBorderSpacingY"
+		],
+		tokens: [
+			{
+				name: "px",
+				value: "1px"
+			},
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "0.5",
+				value: "0.125rem"
+			},
+			{
+				name: "1",
+				value: "0.25rem"
+			},
+			{
+				name: "1.5",
+				value: "0.375rem"
+			},
+			{
+				name: "2",
+				value: "0.5rem"
+			},
+			{
+				name: "2.5",
+				value: "0.625rem"
+			},
+			{
+				name: "3",
+				value: "0.75rem"
+			},
+			{
+				name: "3.5",
+				value: "0.875rem"
+			},
+			{
+				name: "4",
+				value: "1rem"
+			},
+			{
+				name: "5",
+				value: "1.25rem"
+			},
+			{
+				name: "6",
+				value: "1.5rem"
+			},
+			{
+				name: "7",
+				value: "1.75rem"
+			},
+			{
+				name: "8",
+				value: "2rem"
+			},
+			{
+				name: "9",
+				value: "2.25rem"
+			},
+			{
+				name: "10",
+				value: "2.5rem"
+			},
+			{
+				name: "11",
+				value: "2.75rem"
+			},
+			{
+				name: "12",
+				value: "3rem"
+			},
+			{
+				name: "14",
+				value: "3.5rem"
+			},
+			{
+				name: "16",
+				value: "4rem"
+			},
+			{
+				name: "20",
+				value: "5rem"
+			},
+			{
+				name: "24",
+				value: "6rem"
+			},
+			{
+				name: "28",
+				value: "7rem"
+			},
+			{
+				name: "32",
+				value: "8rem"
+			},
+			{
+				name: "36",
+				value: "9rem"
+			},
+			{
+				name: "40",
+				value: "10rem"
+			},
+			{
+				name: "44",
+				value: "11rem"
+			},
+			{
+				name: "48",
+				value: "12rem"
+			},
+			{
+				name: "52",
+				value: "13rem"
+			},
+			{
+				name: "56",
+				value: "14rem"
+			},
+			{
+				name: "60",
+				value: "15rem"
+			},
+			{
+				name: "64",
+				value: "16rem"
+			},
+			{
+				name: "72",
+				value: "18rem"
+			},
+			{
+				name: "80",
+				value: "20rem"
+			},
+			{
+				name: "96",
+				value: "24rem"
+			}
+		]
+	},
+	{
+		cssPrefix: "position",
+		properties: [
+			"inset",
+			"top",
+			"right",
+			"bottom",
+			"left",
+			"insetX",
+			"insetY"
+		],
+		tokens: [
+			{
+				name: "auto",
+				value: "auto"
+			},
+			{
+				name: "full",
+				value: "100%"
+			},
+			{
+				name: "1/2",
+				value: "50%"
+			},
+			{
+				name: "1/3",
+				value: "33.333333%"
+			},
+			{
+				name: "2/3",
+				value: "66.666667%"
+			},
+			{
+				name: "1/4",
+				value: "25%"
+			},
+			{
+				name: "2/4",
+				value: "50%"
+			},
+			{
+				name: "3/4",
+				value: "75%"
+			}
+		]
+	},
+	{
+		properties: ["aspectRatio"],
+		tokens: [
+			{
+				name: "square",
+				value: "1 / 1"
+			},
+			{
+				name: "landscape",
+				value: "4 / 3"
+			},
+			{
+				name: "portrait",
+				value: "3 / 4"
+			},
+			{
+				name: "widescreen",
+				value: "16 / 9"
+			},
+			{
+				name: "ultrawide",
+				value: "21 / 9"
+			},
+			{
+				name: "golden",
+				value: "1.618 / 1"
+			}
+		]
+	},
+	{
+		properties: ["flex"],
+		tokens: [
+			{
+				name: "1",
+				value: "1 1 0%"
+			},
+			{
+				name: "auto",
+				value: "1 1 auto"
+			},
+			{
+				name: "initial",
+				value: "0 1 auto"
+			},
+			{
+				name: "none",
+				value: "none"
+			}
+		]
+	},
+	{
+		properties: ["flexGrow"],
+		tokens: [{
+			name: "0",
+			value: "0"
+		}, {
+			name: "1",
+			value: "1"
+		}]
+	},
+	{
+		properties: ["flexShrink"],
+		tokens: [{
+			name: "0",
+			value: "0"
+		}]
+	},
+	{
+		properties: [
+			"opacity",
+			"colorOpacity",
+			"bgOpacity",
+			"borderColorOpacity",
+			"borderYColorOpacity",
+			"borderXColorOpacity",
+			"borderStartColorOpacity",
+			"borderLeftColorOpacity",
+			"borderEndColorOpacity",
+			"borderRightColorOpacity",
+			"borderTopColorOpacity",
+			"borderBottomColorOpacity",
+			"divideColorOpacity",
+			"outlineColorOpacity",
+			"ringColorOpacity",
+			"ringOffsetColorOpacity",
+			"textDecorationColorOpacity",
+			"fillColorOpacity",
+			"strokeColorOpacity",
+			"shadowColorOpacity",
+			"caretColorOpacity"
+		],
+		tokens: [
+			{
+				name: "0",
+				value: "0"
+			},
+			{
+				name: "5",
+				value: "5"
+			},
+			{
+				name: "10",
+				value: "10"
+			},
+			{
+				name: "20",
+				value: "20"
+			},
+			{
+				name: "25",
+				value: "25"
+			},
+			{
+				name: "30",
+				value: "30"
+			},
+			{
+				name: "40",
+				value: "40"
+			},
+			{
+				name: "50",
+				value: "50"
+			},
+			{
+				name: "60",
+				value: "60"
+			},
+			{
+				name: "70",
+				value: "70"
+			},
+			{
+				name: "75",
+				value: "75"
+			},
+			{
+				name: "80",
+				value: "80"
+			},
+			{
+				name: "90",
+				value: "90"
+			},
+			{
+				name: "95",
+				value: "95"
+			},
+			{
+				name: "100",
+				value: "100"
+			}
+		]
+	},
+	{
+		properties: [
+			"borderRadius",
+			"borderRadiusTop",
+			"borderRadiusBottom",
+			"borderRadiusStart",
+			"borderRadiusEnd",
+			"borderRadiusTopStart",
+			"borderRadiusTopEnd",
+			"borderRadiusBottomStart",
+			"borderRadiusBottomEnd"
+		],
+		tokens: [
+			{
+				name: "none",
+				value: "0px"
+			},
+			{
+				name: "xs",
+				value: "2px"
+			},
+			{
+				name: "sm",
+				value: "4px"
+			},
+			{
+				name: "md",
+				value: "6px"
+			},
+			{
+				name: "lg",
+				value: "16px"
+			},
+			{
+				name: "xl",
+				value: "32px"
+			},
+			{
+				name: "full",
+				value: "1e5px"
+			}
+		]
+	},
+	{
+		properties: ["animation"],
+		tokens: [
+			{
+				name: "none",
+				value: "none"
+			},
+			{
+				name: "spin",
+				value: "spin 1s linear infinite"
+			},
+			{
+				name: "ping",
+				value: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite"
+			}
+		]
+	},
+	{
+		properties: ["shadow"],
+		tokens: [
+			{
+				name: "2xs",
+				value: "0 1px rgb(0 0 0 / 0.05)"
+			},
+			{
+				name: "xs",
+				value: "0 1px 2px 0 rgb(0 0 0 / 0.05)"
+			},
+			{
+				name: "sm",
+				value: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"
+			},
+			{
+				name: "md",
+				value: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+			},
+			{
+				name: "lg",
+				value: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
+			},
+			{
+				name: "xl",
+				value: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
+			},
+			{
+				name: "2xl",
+				value: "0 25px 50px -12px rgb(0 0 0 / 0.25)"
+			},
+			{
+				name: "inner",
+				value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
+			},
+			{
+				name: "none",
+				value: "none"
+			}
+		]
+	},
+	{
+		cssPrefix: "blur",
+		properties: ["blur", "backdropBlur"],
+		tokens: [
+			{
+				name: "none",
+				value: "blur(0)"
+			},
+			{
+				name: "sm",
+				value: "blur(4px)"
+			},
+			{
+				name: "md",
+				value: "blur(12px)"
+			},
+			{
+				name: "lg",
+				value: "blur(16px)"
+			},
+			{
+				name: "xl",
+				value: "blur(24px)"
+			},
+			{
+				name: "2xl",
+				value: "blur(40px)"
+			},
+			{
+				name: "3xl",
+				value: "blur(64px)"
+			}
+		]
+	},
+	{
+		properties: ["textShadow"],
+		tokens: [
+			{
+				name: "2xs",
+				value: "0 1px 0 rgb(0 0 0 / 0.15)"
+			},
+			{
+				name: "xs",
+				value: "0 1px 1px rgb(0 0 0 / 0.2)"
+			},
+			{
+				name: "sm",
+				value: "0 1px 2px rgb(0 0 0 / 0.25)"
+			},
+			{
+				name: "md",
+				value: "0 2px 4px rgb(0 0 0 / 0.25)"
+			},
+			{
+				name: "lg",
+				value: "0 4px 8px rgb(0 0 0 / 0.25)"
+			},
+			{
+				name: "none",
+				value: "none"
+			}
+		]
+	},
+	{
+		properties: ["zIndex"],
+		tokens: [
+			{
+				name: "auto",
+				value: "auto"
+			},
+			{
+				name: "0",
+				value: "0"
+			},
+			{
+				name: "10",
+				value: "10"
+			},
+			{
+				name: "20",
+				value: "20"
+			},
+			{
+				name: "30",
+				value: "30"
+			},
+			{
+				name: "40",
+				value: "40"
+			},
+			{
+				name: "50",
+				value: "50"
+			}
+		]
+	},
+	{
+		cssPrefix: "size",
+		properties: [
+			"width",
+			"height",
+			"minWidth",
+			"minHeight",
+			"maxWidth",
+			"maxHeight"
+		],
+		tokens: [
+			{
+				name: "auto",
+				value: "auto"
+			},
+			{
+				name: "full",
+				value: "100%"
+			},
+			{
+				name: "min",
+				value: "min-content"
+			},
+			{
+				name: "max",
+				value: "max-content"
+			},
+			{
+				name: "fit",
+				value: "fit-content"
+			},
+			{
+				name: "1/2",
+				value: "50%"
+			},
+			{
+				name: "1/3",
+				value: "33.333333%"
+			},
+			{
+				name: "2/3",
+				value: "66.666667%"
+			},
+			{
+				name: "1/4",
+				value: "25%"
+			},
+			{
+				name: "2/4",
+				value: "50%"
+			},
+			{
+				name: "3/4",
+				value: "75%"
+			},
+			{
+				name: "1/5",
+				value: "20%"
+			},
+			{
+				name: "2/5",
+				value: "40%"
+			},
+			{
+				name: "3/5",
+				value: "60%"
+			},
+			{
+				name: "4/5",
+				value: "80%"
+			},
+			{
+				name: "1/6",
+				value: "16.666667%"
+			},
+			{
+				name: "2/6",
+				value: "33.333333%"
+			},
+			{
+				name: "3/6",
+				value: "50%"
+			},
+			{
+				name: "4/6",
+				value: "66.666667%"
+			},
+			{
+				name: "5/6",
+				value: "83.333333%"
+			}
+		]
+	},
+	{
+		cssPrefix: "w",
+		properties: [
+			"width",
+			"minWidth",
+			"maxWidth"
+		],
+		tokens: [
+			{
+				name: "screen",
+				value: "100vw"
+			},
+			{
+				name: "svw",
+				value: "100svw"
+			},
+			{
+				name: "lvw",
+				value: "100lvw"
+			},
+			{
+				name: "dvw",
+				value: "100dvw"
+			}
+		]
+	},
+	{
+		cssPrefix: "h",
+		properties: [
+			"height",
+			"minHeight",
+			"maxHeight"
+		],
+		tokens: [
+			{
+				name: "screen",
+				value: "100vh"
+			},
+			{
+				name: "svh",
+				value: "100svh"
+			},
+			{
+				name: "lvh",
+				value: "100lvh"
+			},
+			{
+				name: "dvh",
+				value: "100dvh"
+			}
+		]
+	},
+	{
+		properties: ["rotate"],
+		tokens: [
+			{
+				name: "0",
+				value: "0deg"
+			},
+			{
+				name: "1",
+				value: "1deg"
+			},
+			{
+				name: "2",
+				value: "2deg"
+			},
+			{
+				name: "3",
+				value: "3deg"
+			},
+			{
+				name: "6",
+				value: "6deg"
+			},
+			{
+				name: "12",
+				value: "12deg"
+			},
+			{
+				name: "45",
+				value: "45deg"
+			},
+			{
+				name: "90",
+				value: "90deg"
+			},
+			{
+				name: "180",
+				value: "180deg"
+			}
+		]
+	},
+	{
+		properties: [
+			"scale",
+			"scaleX",
+			"scaleY"
+		],
+		tokens: [
+			{
+				name: "0",
+				value: "0"
+			},
+			{
+				name: "50",
+				value: ".5"
+			},
+			{
+				name: "75",
+				value: ".75"
+			},
+			{
+				name: "90",
+				value: ".9"
+			},
+			{
+				name: "95",
+				value: ".95"
+			},
+			{
+				name: "100",
+				value: "1"
+			},
+			{
+				name: "105",
+				value: "1.05"
+			},
+			{
+				name: "110",
+				value: "1.1"
+			},
+			{
+				name: "125",
+				value: "1.25"
+			},
+			{
+				name: "150",
+				value: "1.5"
+			},
+			{
+				name: "200",
+				value: "2"
+			}
+		]
+	},
+	{
+		properties: ["skewX", "skewY"],
+		tokens: [
+			{
+				name: "0",
+				value: "0deg"
+			},
+			{
+				name: "1",
+				value: "1deg"
+			},
+			{
+				name: "2",
+				value: "2deg"
+			},
+			{
+				name: "3",
+				value: "3deg"
+			},
+			{
+				name: "6",
+				value: "6deg"
+			},
+			{
+				name: "12",
+				value: "12deg"
+			}
+		]
+	},
+	{
+		cssPrefix: "translate",
+		properties: ["translateX", "translateY"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "0.5",
+				value: "0.125rem"
+			},
+			{
+				name: "1",
+				value: "0.25rem"
+			},
+			{
+				name: "1.5",
+				value: "0.375rem"
+			},
+			{
+				name: "2",
+				value: "0.5rem"
+			},
+			{
+				name: "2.5",
+				value: "0.625rem"
+			},
+			{
+				name: "3",
+				value: "0.75rem"
+			},
+			{
+				name: "3.5",
+				value: "0.875rem"
+			},
+			{
+				name: "4",
+				value: "1rem"
+			},
+			{
+				name: "5",
+				value: "1.25rem"
+			},
+			{
+				name: "6",
+				value: "1.5rem"
+			},
+			{
+				name: "7",
+				value: "1.75rem"
+			},
+			{
+				name: "8",
+				value: "2rem"
+			},
+			{
+				name: "9",
+				value: "2.25rem"
+			},
+			{
+				name: "10",
+				value: "2.5rem"
+			},
+			{
+				name: "11",
+				value: "2.75rem"
+			},
+			{
+				name: "12",
+				value: "3rem"
+			},
+			{
+				name: "14",
+				value: "3.5rem"
+			},
+			{
+				name: "16",
+				value: "4rem"
+			},
+			{
+				name: "20",
+				value: "5rem"
+			},
+			{
+				name: "24",
+				value: "6rem"
+			},
+			{
+				name: "28",
+				value: "7rem"
+			},
+			{
+				name: "32",
+				value: "8rem"
+			},
+			{
+				name: "36",
+				value: "9rem"
+			},
+			{
+				name: "40",
+				value: "10rem"
+			},
+			{
+				name: "44",
+				value: "11rem"
+			},
+			{
+				name: "48",
+				value: "12rem"
+			},
+			{
+				name: "52",
+				value: "13rem"
+			},
+			{
+				name: "56",
+				value: "14rem"
+			},
+			{
+				name: "60",
+				value: "15rem"
+			},
+			{
+				name: "64",
+				value: "16rem"
+			},
+			{
+				name: "72",
+				value: "18rem"
+			},
+			{
+				name: "80",
+				value: "20rem"
+			},
+			{
+				name: "96",
+				value: "24rem"
+			},
+			{
+				name: "1/2",
+				value: "50%"
+			},
+			{
+				name: "1/3",
+				value: "33.333333%"
+			},
+			{
+				name: "2/3",
+				value: "66.666667%"
+			},
+			{
+				name: "1/4",
+				value: "25%"
+			},
+			{
+				name: "3/4",
+				value: "75%"
+			},
+			{
+				name: "full",
+				value: "100%"
+			}
+		]
+	},
+	{
+		properties: ["strokeWidth"],
+		tokens: [
+			{
+				name: "0",
+				value: "0px"
+			},
+			{
+				name: "1",
+				value: "1px"
+			},
+			{
+				name: "2",
+				value: "2px"
+			}
+		]
+	},
+	{
+		properties: ["fontFamily"],
+		tokens: [
+			{
+				name: "sans",
+				value: "var(--uds-font-family-geist, ui-sans-serif, system-ui, sans-serif)"
+			},
+			{
+				name: "serif",
+				value: "Georgia, Times, Times New Roman, serif"
+			},
+			{
+				name: "mono",
+				value: "var(--uds-font-family-geist-mono, Menlo, Monaco, Courier New, monospace)"
+			}
+		]
+	}
+]).defineArbitraryTokens([{
+	properties: [
+		"color",
+		"bg",
+		"borderColor",
+		"borderYColor",
+		"borderXColor",
+		"borderStartColor",
+		"borderLeftColor",
+		"borderEndColor",
+		"borderRightColor",
+		"borderTopColor",
+		"borderBottomColor",
+		"divideColor",
+		"outlineColor",
+		"ringColor",
+		"ringOffsetColor",
+		"textDecorationColor",
+		"fillColor",
+		"strokeColor",
+		"shadowColor",
+		"caretColor",
+		"spacing",
+		"spacingX",
+		"spacingY",
+		"spacingTop",
+		"spacingBottom",
+		"spacingLeft",
+		"spacingRight",
+		"spacingStart",
+		"spacingEnd",
+		"width",
+		"minWidth",
+		"maxWidth",
+		"height",
+		"minHeight",
+		"maxHeight",
+		"gap",
+		"gapX",
+		"gapY",
+		"margin",
+		"marginX",
+		"marginY",
+		"marginTop",
+		"marginBottom",
+		"marginLeft",
+		"marginRight",
+		"marginStart",
+		"marginEnd",
+		"offset",
+		"offsetX",
+		"offsetY",
+		"offsetTop",
+		"offsetBottom",
+		"offsetLeft",
+		"offsetRight",
+		"offsetStart",
+		"offsetEnd",
+		"opacity",
+		"inset",
+		"insetX",
+		"insetY",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"borderRadius",
+		"borderRadiusTop",
+		"borderRadiusBottom",
+		"borderRadiusStart",
+		"borderRadiusEnd",
+		"borderRadiusTopStart",
+		"borderRadiusTopEnd",
+		"borderRadiusBottomStart",
+		"borderRadiusBottomEnd",
+		"borderWidth",
+		"fontSize",
+		"shadow",
+		"textShadow",
+		"flex",
+		"aspectRatio",
+		"zIndex",
+		"translateX",
+		"translateY",
+		"scale",
+		"scaleX",
+		"scaleY",
+		"rotate",
+		"skewX",
+		"skewY"
+	],
+	pattern: "[${string}]"
+}]);
+//#endregion
+export { defaultFoundationPreset };