@greese/ui 1.0.0 → 1.2.0

package/dist/_utilities-table.scss

@@ -0,0 +1,1615 @@
+// GENERATED by @greese/ui from src/utilities.ts - do not edit.
+$groups: (spacing, sizing, layout, flex, grid, typography, border, color, effects);
+$definitions: (
+  (
+    group: spacing,
+    stem: "m",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin": "var(--greese-space-0)"),
+      "1": ("margin": "var(--greese-space-1)"),
+      "2": ("margin": "var(--greese-space-2)"),
+      "3": ("margin": "var(--greese-space-3)"),
+      "4": ("margin": "var(--greese-space-4)"),
+      "5": ("margin": "var(--greese-space-5)"),
+      "6": ("margin": "var(--greese-space-6)"),
+      "7": ("margin": "var(--greese-space-7)"),
+      "8": ("margin": "var(--greese-space-8)"),
+      "auto": ("margin": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "p",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding": "var(--greese-space-0)"),
+      "1": ("padding": "var(--greese-space-1)"),
+      "2": ("padding": "var(--greese-space-2)"),
+      "3": ("padding": "var(--greese-space-3)"),
+      "4": ("padding": "var(--greese-space-4)"),
+      "5": ("padding": "var(--greese-space-5)"),
+      "6": ("padding": "var(--greese-space-6)"),
+      "7": ("padding": "var(--greese-space-7)"),
+      "8": ("padding": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "mx",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-inline": "var(--greese-space-0)"),
+      "1": ("margin-inline": "var(--greese-space-1)"),
+      "2": ("margin-inline": "var(--greese-space-2)"),
+      "3": ("margin-inline": "var(--greese-space-3)"),
+      "4": ("margin-inline": "var(--greese-space-4)"),
+      "5": ("margin-inline": "var(--greese-space-5)"),
+      "6": ("margin-inline": "var(--greese-space-6)"),
+      "7": ("margin-inline": "var(--greese-space-7)"),
+      "8": ("margin-inline": "var(--greese-space-8)"),
+      "auto": ("margin-inline": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "px",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-inline": "var(--greese-space-0)"),
+      "1": ("padding-inline": "var(--greese-space-1)"),
+      "2": ("padding-inline": "var(--greese-space-2)"),
+      "3": ("padding-inline": "var(--greese-space-3)"),
+      "4": ("padding-inline": "var(--greese-space-4)"),
+      "5": ("padding-inline": "var(--greese-space-5)"),
+      "6": ("padding-inline": "var(--greese-space-6)"),
+      "7": ("padding-inline": "var(--greese-space-7)"),
+      "8": ("padding-inline": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "my",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-block": "var(--greese-space-0)"),
+      "1": ("margin-block": "var(--greese-space-1)"),
+      "2": ("margin-block": "var(--greese-space-2)"),
+      "3": ("margin-block": "var(--greese-space-3)"),
+      "4": ("margin-block": "var(--greese-space-4)"),
+      "5": ("margin-block": "var(--greese-space-5)"),
+      "6": ("margin-block": "var(--greese-space-6)"),
+      "7": ("margin-block": "var(--greese-space-7)"),
+      "8": ("margin-block": "var(--greese-space-8)"),
+      "auto": ("margin-block": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "py",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-block": "var(--greese-space-0)"),
+      "1": ("padding-block": "var(--greese-space-1)"),
+      "2": ("padding-block": "var(--greese-space-2)"),
+      "3": ("padding-block": "var(--greese-space-3)"),
+      "4": ("padding-block": "var(--greese-space-4)"),
+      "5": ("padding-block": "var(--greese-space-5)"),
+      "6": ("padding-block": "var(--greese-space-6)"),
+      "7": ("padding-block": "var(--greese-space-7)"),
+      "8": ("padding-block": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "mt",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-top": "var(--greese-space-0)"),
+      "1": ("margin-top": "var(--greese-space-1)"),
+      "2": ("margin-top": "var(--greese-space-2)"),
+      "3": ("margin-top": "var(--greese-space-3)"),
+      "4": ("margin-top": "var(--greese-space-4)"),
+      "5": ("margin-top": "var(--greese-space-5)"),
+      "6": ("margin-top": "var(--greese-space-6)"),
+      "7": ("margin-top": "var(--greese-space-7)"),
+      "8": ("margin-top": "var(--greese-space-8)"),
+      "auto": ("margin-top": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "pt",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-top": "var(--greese-space-0)"),
+      "1": ("padding-top": "var(--greese-space-1)"),
+      "2": ("padding-top": "var(--greese-space-2)"),
+      "3": ("padding-top": "var(--greese-space-3)"),
+      "4": ("padding-top": "var(--greese-space-4)"),
+      "5": ("padding-top": "var(--greese-space-5)"),
+      "6": ("padding-top": "var(--greese-space-6)"),
+      "7": ("padding-top": "var(--greese-space-7)"),
+      "8": ("padding-top": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "mb",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-bottom": "var(--greese-space-0)"),
+      "1": ("margin-bottom": "var(--greese-space-1)"),
+      "2": ("margin-bottom": "var(--greese-space-2)"),
+      "3": ("margin-bottom": "var(--greese-space-3)"),
+      "4": ("margin-bottom": "var(--greese-space-4)"),
+      "5": ("margin-bottom": "var(--greese-space-5)"),
+      "6": ("margin-bottom": "var(--greese-space-6)"),
+      "7": ("margin-bottom": "var(--greese-space-7)"),
+      "8": ("margin-bottom": "var(--greese-space-8)"),
+      "auto": ("margin-bottom": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "pb",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-bottom": "var(--greese-space-0)"),
+      "1": ("padding-bottom": "var(--greese-space-1)"),
+      "2": ("padding-bottom": "var(--greese-space-2)"),
+      "3": ("padding-bottom": "var(--greese-space-3)"),
+      "4": ("padding-bottom": "var(--greese-space-4)"),
+      "5": ("padding-bottom": "var(--greese-space-5)"),
+      "6": ("padding-bottom": "var(--greese-space-6)"),
+      "7": ("padding-bottom": "var(--greese-space-7)"),
+      "8": ("padding-bottom": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "ml",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-left": "var(--greese-space-0)"),
+      "1": ("margin-left": "var(--greese-space-1)"),
+      "2": ("margin-left": "var(--greese-space-2)"),
+      "3": ("margin-left": "var(--greese-space-3)"),
+      "4": ("margin-left": "var(--greese-space-4)"),
+      "5": ("margin-left": "var(--greese-space-5)"),
+      "6": ("margin-left": "var(--greese-space-6)"),
+      "7": ("margin-left": "var(--greese-space-7)"),
+      "8": ("margin-left": "var(--greese-space-8)"),
+      "auto": ("margin-left": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "pl",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-left": "var(--greese-space-0)"),
+      "1": ("padding-left": "var(--greese-space-1)"),
+      "2": ("padding-left": "var(--greese-space-2)"),
+      "3": ("padding-left": "var(--greese-space-3)"),
+      "4": ("padding-left": "var(--greese-space-4)"),
+      "5": ("padding-left": "var(--greese-space-5)"),
+      "6": ("padding-left": "var(--greese-space-6)"),
+      "7": ("padding-left": "var(--greese-space-7)"),
+      "8": ("padding-left": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "mr",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-right": "var(--greese-space-0)"),
+      "1": ("margin-right": "var(--greese-space-1)"),
+      "2": ("margin-right": "var(--greese-space-2)"),
+      "3": ("margin-right": "var(--greese-space-3)"),
+      "4": ("margin-right": "var(--greese-space-4)"),
+      "5": ("margin-right": "var(--greese-space-5)"),
+      "6": ("margin-right": "var(--greese-space-6)"),
+      "7": ("margin-right": "var(--greese-space-7)"),
+      "8": ("margin-right": "var(--greese-space-8)"),
+      "auto": ("margin-right": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "pr",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-right": "var(--greese-space-0)"),
+      "1": ("padding-right": "var(--greese-space-1)"),
+      "2": ("padding-right": "var(--greese-space-2)"),
+      "3": ("padding-right": "var(--greese-space-3)"),
+      "4": ("padding-right": "var(--greese-space-4)"),
+      "5": ("padding-right": "var(--greese-space-5)"),
+      "6": ("padding-right": "var(--greese-space-6)"),
+      "7": ("padding-right": "var(--greese-space-7)"),
+      "8": ("padding-right": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "ms",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-inline-start": "var(--greese-space-0)"),
+      "1": ("margin-inline-start": "var(--greese-space-1)"),
+      "2": ("margin-inline-start": "var(--greese-space-2)"),
+      "3": ("margin-inline-start": "var(--greese-space-3)"),
+      "4": ("margin-inline-start": "var(--greese-space-4)"),
+      "5": ("margin-inline-start": "var(--greese-space-5)"),
+      "6": ("margin-inline-start": "var(--greese-space-6)"),
+      "7": ("margin-inline-start": "var(--greese-space-7)"),
+      "8": ("margin-inline-start": "var(--greese-space-8)"),
+      "auto": ("margin-inline-start": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "ps",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-inline-start": "var(--greese-space-0)"),
+      "1": ("padding-inline-start": "var(--greese-space-1)"),
+      "2": ("padding-inline-start": "var(--greese-space-2)"),
+      "3": ("padding-inline-start": "var(--greese-space-3)"),
+      "4": ("padding-inline-start": "var(--greese-space-4)"),
+      "5": ("padding-inline-start": "var(--greese-space-5)"),
+      "6": ("padding-inline-start": "var(--greese-space-6)"),
+      "7": ("padding-inline-start": "var(--greese-space-7)"),
+      "8": ("padding-inline-start": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "me",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("margin-inline-end": "var(--greese-space-0)"),
+      "1": ("margin-inline-end": "var(--greese-space-1)"),
+      "2": ("margin-inline-end": "var(--greese-space-2)"),
+      "3": ("margin-inline-end": "var(--greese-space-3)"),
+      "4": ("margin-inline-end": "var(--greese-space-4)"),
+      "5": ("margin-inline-end": "var(--greese-space-5)"),
+      "6": ("margin-inline-end": "var(--greese-space-6)"),
+      "7": ("margin-inline-end": "var(--greese-space-7)"),
+      "8": ("margin-inline-end": "var(--greese-space-8)"),
+      "auto": ("margin-inline-end": "auto"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "pe",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("padding-inline-end": "var(--greese-space-0)"),
+      "1": ("padding-inline-end": "var(--greese-space-1)"),
+      "2": ("padding-inline-end": "var(--greese-space-2)"),
+      "3": ("padding-inline-end": "var(--greese-space-3)"),
+      "4": ("padding-inline-end": "var(--greese-space-4)"),
+      "5": ("padding-inline-end": "var(--greese-space-5)"),
+      "6": ("padding-inline-end": "var(--greese-space-6)"),
+      "7": ("padding-inline-end": "var(--greese-space-7)"),
+      "8": ("padding-inline-end": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "gap",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("gap": "var(--greese-space-0)"),
+      "1": ("gap": "var(--greese-space-1)"),
+      "2": ("gap": "var(--greese-space-2)"),
+      "3": ("gap": "var(--greese-space-3)"),
+      "4": ("gap": "var(--greese-space-4)"),
+      "5": ("gap": "var(--greese-space-5)"),
+      "6": ("gap": "var(--greese-space-6)"),
+      "7": ("gap": "var(--greese-space-7)"),
+      "8": ("gap": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "gap-x",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("column-gap": "var(--greese-space-0)"),
+      "1": ("column-gap": "var(--greese-space-1)"),
+      "2": ("column-gap": "var(--greese-space-2)"),
+      "3": ("column-gap": "var(--greese-space-3)"),
+      "4": ("column-gap": "var(--greese-space-4)"),
+      "5": ("column-gap": "var(--greese-space-5)"),
+      "6": ("column-gap": "var(--greese-space-6)"),
+      "7": ("column-gap": "var(--greese-space-7)"),
+      "8": ("column-gap": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: spacing,
+    stem: "gap-y",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("row-gap": "var(--greese-space-0)"),
+      "1": ("row-gap": "var(--greese-space-1)"),
+      "2": ("row-gap": "var(--greese-space-2)"),
+      "3": ("row-gap": "var(--greese-space-3)"),
+      "4": ("row-gap": "var(--greese-space-4)"),
+      "5": ("row-gap": "var(--greese-space-5)"),
+      "6": ("row-gap": "var(--greese-space-6)"),
+      "7": ("row-gap": "var(--greese-space-7)"),
+      "8": ("row-gap": "var(--greese-space-8)"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "w",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inline-size": "0"),
+      "25": ("inline-size": "25%"),
+      "50": ("inline-size": "50%"),
+      "75": ("inline-size": "75%"),
+      "full": ("inline-size": "100%"),
+      "auto": ("inline-size": "auto"),
+      "fit": ("inline-size": "fit-content"),
+      "min": ("inline-size": "min-content"),
+      "max": ("inline-size": "max-content"),
+      "screen": ("inline-size": "100vw"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "h",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("block-size": "0"),
+      "25": ("block-size": "25%"),
+      "50": ("block-size": "50%"),
+      "75": ("block-size": "75%"),
+      "full": ("block-size": "100%"),
+      "auto": ("block-size": "auto"),
+      "fit": ("block-size": "fit-content"),
+      "min": ("block-size": "min-content"),
+      "max": ("block-size": "max-content"),
+      "screen": ("block-size": "100dvh"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "min-w",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("min-inline-size": "0"),
+      "25": ("min-inline-size": "25%"),
+      "50": ("min-inline-size": "50%"),
+      "75": ("min-inline-size": "75%"),
+      "full": ("min-inline-size": "100%"),
+      "auto": ("min-inline-size": "auto"),
+      "fit": ("min-inline-size": "fit-content"),
+      "min": ("min-inline-size": "min-content"),
+      "max": ("min-inline-size": "max-content"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "max-w",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("max-inline-size": "0"),
+      "25": ("max-inline-size": "25%"),
+      "50": ("max-inline-size": "50%"),
+      "75": ("max-inline-size": "75%"),
+      "full": ("max-inline-size": "100%"),
+      "auto": ("max-inline-size": "auto"),
+      "fit": ("max-inline-size": "fit-content"),
+      "min": ("max-inline-size": "min-content"),
+      "max": ("max-inline-size": "max-content"),
+      "none": ("max-inline-size": "none"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "min-h",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("min-block-size": "0"),
+      "25": ("min-block-size": "25%"),
+      "50": ("min-block-size": "50%"),
+      "75": ("min-block-size": "75%"),
+      "full": ("min-block-size": "100%"),
+      "auto": ("min-block-size": "auto"),
+      "fit": ("min-block-size": "fit-content"),
+      "min": ("min-block-size": "min-content"),
+      "max": ("min-block-size": "max-content"),
+      "screen": ("min-block-size": "100dvh"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "max-h",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("max-block-size": "0"),
+      "25": ("max-block-size": "25%"),
+      "50": ("max-block-size": "50%"),
+      "75": ("max-block-size": "75%"),
+      "full": ("max-block-size": "100%"),
+      "auto": ("max-block-size": "auto"),
+      "fit": ("max-block-size": "fit-content"),
+      "min": ("max-block-size": "min-content"),
+      "max": ("max-block-size": "max-content"),
+      "none": ("max-block-size": "none"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "size",
+    responsive: false,
+    hover: false,
+    values: (
+      "full": ("inline-size": "100%", "block-size": "100%"),
+      "auto": ("inline-size": "auto", "block-size": "auto"),
+      "fit": ("inline-size": "fit-content", "block-size": "fit-content"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "aspect-ratio",
+    responsive: false,
+    hover: false,
+    values: (
+      "auto": ("aspect-ratio": "auto"),
+      "square": ("aspect-ratio": "1 / 1"),
+      "video": ("aspect-ratio": "16 / 9"),
+      "photo": ("aspect-ratio": "4 / 3"),
+    ),
+  ),
+  (
+    group: sizing,
+    stem: "object-fit",
+    responsive: false,
+    hover: false,
+    values: (
+      "contain": ("object-fit": "contain"),
+      "cover": ("object-fit": "cover"),
+      "fill": ("object-fit": "fill"),
+      "none": ("object-fit": "none"),
+      "scale-down": ("object-fit": "scale-down"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "display",
+    responsive: true,
+    hover: false,
+    values: (
+      "block": ("display": "block"),
+      "inline": ("display": "inline"),
+      "inline-block": ("display": "inline-block"),
+      "flex": ("display": "flex"),
+      "inline-flex": ("display": "inline-flex"),
+      "grid": ("display": "grid"),
+      "inline-grid": ("display": "inline-grid"),
+      "flow-root": ("display": "flow-root"),
+      "contents": ("display": "contents"),
+      "none": ("display": "none"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "pos",
+    responsive: true,
+    hover: false,
+    values: (
+      "static": ("position": "static"),
+      "relative": ("position": "relative"),
+      "absolute": ("position": "absolute"),
+      "fixed": ("position": "fixed"),
+      "sticky": ("position": "sticky"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "inset",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset": "0"),
+      "auto": ("inset": "auto"),
+      "full": ("inset": "100%"),
+      "half": ("inset": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "inset-x",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-inline": "0"),
+      "auto": ("inset-inline": "auto"),
+      "full": ("inset-inline": "100%"),
+      "half": ("inset-inline": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "inset-y",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-block": "0"),
+      "auto": ("inset-block": "auto"),
+      "full": ("inset-block": "100%"),
+      "half": ("inset-block": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "top",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-block-start": "0"),
+      "auto": ("inset-block-start": "auto"),
+      "full": ("inset-block-start": "100%"),
+      "half": ("inset-block-start": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "bottom",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-block-end": "0"),
+      "auto": ("inset-block-end": "auto"),
+      "full": ("inset-block-end": "100%"),
+      "half": ("inset-block-end": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "left",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("left": "0"),
+      "auto": ("left": "auto"),
+      "full": ("left": "100%"),
+      "half": ("left": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "right",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("right": "0"),
+      "auto": ("right": "auto"),
+      "full": ("right": "100%"),
+      "half": ("right": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "start",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-inline-start": "0"),
+      "auto": ("inset-inline-start": "auto"),
+      "full": ("inset-inline-start": "100%"),
+      "half": ("inset-inline-start": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "end",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("inset-inline-end": "0"),
+      "auto": ("inset-inline-end": "auto"),
+      "full": ("inset-inline-end": "100%"),
+      "half": ("inset-inline-end": "50%"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "z",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("z-index": "0"),
+      "1": ("z-index": "1"),
+      "auto": ("z-index": "auto"),
+      "dropdown": ("z-index": "var(--greese-z-index-dropdown)"),
+      "sticky": ("z-index": "var(--greese-z-index-sticky)"),
+      "overlay": ("z-index": "var(--greese-z-index-overlay)"),
+      "modal": ("z-index": "var(--greese-z-index-modal)"),
+      "popover": ("z-index": "var(--greese-z-index-popover)"),
+      "toast": ("z-index": "var(--greese-z-index-toast)"),
+      "tooltip": ("z-index": "var(--greese-z-index-tooltip)"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "overflow",
+    responsive: true,
+    hover: false,
+    values: (
+      "auto": ("overflow": "auto"),
+      "hidden": ("overflow": "hidden"),
+      "scroll": ("overflow": "scroll"),
+      "visible": ("overflow": "visible"),
+      "clip": ("overflow": "clip"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "overflow-x",
+    responsive: true,
+    hover: false,
+    values: (
+      "auto": ("overflow-x": "auto"),
+      "hidden": ("overflow-x": "hidden"),
+      "scroll": ("overflow-x": "scroll"),
+      "visible": ("overflow-x": "visible"),
+      "clip": ("overflow-x": "clip"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "overflow-y",
+    responsive: true,
+    hover: false,
+    values: (
+      "auto": ("overflow-y": "auto"),
+      "hidden": ("overflow-y": "hidden"),
+      "scroll": ("overflow-y": "scroll"),
+      "visible": ("overflow-y": "visible"),
+      "clip": ("overflow-y": "clip"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "vis",
+    responsive: true,
+    hover: false,
+    values: (
+      "visible": ("visibility": "visible"),
+      "hidden": ("visibility": "hidden"),
+      "collapse": ("visibility": "collapse"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "box-sizing",
+    responsive: false,
+    hover: false,
+    values: (
+      "border-box": ("box-sizing": "border-box"),
+      "content-box": ("box-sizing": "content-box"),
+    ),
+  ),
+  (
+    group: layout,
+    stem: "float",
+    responsive: false,
+    hover: false,
+    values: (
+      "start": ("float": "start"),
+      "end": ("float": "end"),
+      "none": ("float": "none"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "flex-dir",
+    responsive: true,
+    hover: false,
+    values: (
+      "row": ("flex-direction": "row"),
+      "row-reverse": ("flex-direction": "row-reverse"),
+      "col": ("flex-direction": "column"),
+      "col-reverse": ("flex-direction": "column-reverse"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "flex-wrap",
+    responsive: true,
+    hover: false,
+    values: (
+      "wrap": ("flex-wrap": "wrap"),
+      "nowrap": ("flex-wrap": "nowrap"),
+      "wrap-reverse": ("flex-wrap": "wrap-reverse"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "flex",
+    responsive: true,
+    hover: false,
+    values: (
+      "1": ("flex": "1 1 0%"),
+      "auto": ("flex": "1 1 auto"),
+      "initial": ("flex": "0 1 auto"),
+      "none": ("flex": "none"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "flex-grow",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("flex-grow": "0"),
+      "1": ("flex-grow": "1"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "flex-shrink",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("flex-shrink": "0"),
+      "1": ("flex-shrink": "1"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "order",
+    responsive: true,
+    hover: false,
+    values: (
+      "0": ("order": "0"),
+      "1": ("order": "1"),
+      "2": ("order": "2"),
+      "3": ("order": "3"),
+      "4": ("order": "4"),
+      "first": ("order": "-9999"),
+      "last": ("order": "9999"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "justify-content",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("justify-content": "start"),
+      "end": ("justify-content": "end"),
+      "center": ("justify-content": "center"),
+      "stretch": ("justify-content": "stretch"),
+      "between": ("justify-content": "space-between"),
+      "around": ("justify-content": "space-around"),
+      "evenly": ("justify-content": "space-evenly"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "justify-items",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("justify-items": "start"),
+      "end": ("justify-items": "end"),
+      "center": ("justify-items": "center"),
+      "stretch": ("justify-items": "stretch"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "justify-self",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("justify-self": "start"),
+      "end": ("justify-self": "end"),
+      "center": ("justify-self": "center"),
+      "stretch": ("justify-self": "stretch"),
+      "auto": ("justify-self": "auto"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "align-items",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("align-items": "start"),
+      "end": ("align-items": "end"),
+      "center": ("align-items": "center"),
+      "stretch": ("align-items": "stretch"),
+      "baseline": ("align-items": "baseline"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "align-content",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("align-content": "start"),
+      "end": ("align-content": "end"),
+      "center": ("align-content": "center"),
+      "stretch": ("align-content": "stretch"),
+      "between": ("align-content": "space-between"),
+      "around": ("align-content": "space-around"),
+      "evenly": ("align-content": "space-evenly"),
+    ),
+  ),
+  (
+    group: flex,
+    stem: "align-self",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("align-self": "start"),
+      "end": ("align-self": "end"),
+      "center": ("align-self": "center"),
+      "stretch": ("align-self": "stretch"),
+      "auto": ("align-self": "auto"),
+      "baseline": ("align-self": "baseline"),
+    ),
+  ),
+  (
+    group: grid,
+    stem: "grid-template-cols",
+    responsive: true,
+    hover: false,
+    values: (
+      "1": ("grid-template-columns": "repeat(1, minmax(0, 1fr))"),
+      "2": ("grid-template-columns": "repeat(2, minmax(0, 1fr))"),
+      "3": ("grid-template-columns": "repeat(3, minmax(0, 1fr))"),
+      "4": ("grid-template-columns": "repeat(4, minmax(0, 1fr))"),
+      "5": ("grid-template-columns": "repeat(5, minmax(0, 1fr))"),
+      "6": ("grid-template-columns": "repeat(6, minmax(0, 1fr))"),
+      "12": ("grid-template-columns": "repeat(12, minmax(0, 1fr))"),
+      "none": ("grid-template-columns": "none"),
+    ),
+  ),
+  (
+    group: grid,
+    stem: "grid-template-rows",
+    responsive: true,
+    hover: false,
+    values: (
+      "1": ("grid-template-rows": "repeat(1, minmax(0, 1fr))"),
+      "2": ("grid-template-rows": "repeat(2, minmax(0, 1fr))"),
+      "3": ("grid-template-rows": "repeat(3, minmax(0, 1fr))"),
+      "4": ("grid-template-rows": "repeat(4, minmax(0, 1fr))"),
+      "5": ("grid-template-rows": "repeat(5, minmax(0, 1fr))"),
+      "6": ("grid-template-rows": "repeat(6, minmax(0, 1fr))"),
+      "none": ("grid-template-rows": "none"),
+    ),
+  ),
+  (
+    group: grid,
+    stem: "grid-col",
+    responsive: true,
+    hover: false,
+    values: (
+      "auto": ("grid-column": "auto"),
+      "full": ("grid-column": "1 / -1"),
+      "span-1": ("grid-column": "span 1"),
+      "span-2": ("grid-column": "span 2"),
+      "span-3": ("grid-column": "span 3"),
+      "span-4": ("grid-column": "span 4"),
+      "span-5": ("grid-column": "span 5"),
+      "span-6": ("grid-column": "span 6"),
+    ),
+  ),
+  (
+    group: grid,
+    stem: "grid-row",
+    responsive: true,
+    hover: false,
+    values: (
+      "auto": ("grid-row": "auto"),
+      "full": ("grid-row": "1 / -1"),
+      "span-1": ("grid-row": "span 1"),
+      "span-2": ("grid-row": "span 2"),
+      "span-3": ("grid-row": "span 3"),
+      "span-4": ("grid-row": "span 4"),
+      "span-5": ("grid-row": "span 5"),
+      "span-6": ("grid-row": "span 6"),
+    ),
+  ),
+  (
+    group: grid,
+    stem: "grid-auto-flow",
+    responsive: false,
+    hover: false,
+    values: (
+      "row": ("grid-auto-flow": "row"),
+      "col": ("grid-auto-flow": "column"),
+      "dense": ("grid-auto-flow": "dense"),
+      "row-dense": ("grid-auto-flow": "row dense"),
+      "col-dense": ("grid-auto-flow": "column dense"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "text",
+    responsive: true,
+    hover: false,
+    values: (
+      "start": ("text-align": "start"),
+      "center": ("text-align": "center"),
+      "end": ("text-align": "end"),
+      "justify": ("text-align": "justify"),
+      "left": ("text-align": "left"),
+      "right": ("text-align": "right"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "text-transform",
+    responsive: false,
+    hover: false,
+    values: (
+      "upper": ("text-transform": "uppercase"),
+      "lower": ("text-transform": "lowercase"),
+      "capitalize": ("text-transform": "capitalize"),
+      "none": ("text-transform": "none"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "text-decoration-line",
+    responsive: false,
+    hover: true,
+    values: (
+      "underline": ("text-decoration-line": "underline"),
+      "line-through": ("text-decoration-line": "line-through"),
+      "none": ("text-decoration-line": "none"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "text-wrap",
+    responsive: false,
+    hover: false,
+    values: (
+      "wrap": ("text-wrap": "wrap"),
+      "nowrap": ("text-wrap": "nowrap"),
+      "balance": ("text-wrap": "balance"),
+      "pretty": ("text-wrap": "pretty"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "text-overflow",
+    responsive: false,
+    hover: false,
+    values: (
+      "ellipsis": ("text-overflow": "ellipsis"),
+      "clip": ("text-overflow": "clip"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "white-space",
+    responsive: false,
+    hover: false,
+    values: (
+      "normal": ("white-space": "normal"),
+      "nowrap": ("white-space": "nowrap"),
+      "pre": ("white-space": "pre"),
+      "pre-wrap": ("white-space": "pre-wrap"),
+      "pre-line": ("white-space": "pre-line"),
+      "break-spaces": ("white-space": "break-spaces"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "word-break",
+    responsive: false,
+    hover: false,
+    values: (
+      "normal": ("word-break": "normal"),
+      "break-all": ("word-break": "break-all"),
+      "keep-all": ("word-break": "keep-all"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "overflow-wrap",
+    responsive: false,
+    hover: false,
+    values: (
+      "normal": ("overflow-wrap": "normal"),
+      "break-word": ("overflow-wrap": "break-word"),
+      "anywhere": ("overflow-wrap": "anywhere"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "vertical-align",
+    responsive: false,
+    hover: false,
+    values: (
+      "baseline": ("vertical-align": "baseline"),
+      "top": ("vertical-align": "top"),
+      "middle": ("vertical-align": "middle"),
+      "bottom": ("vertical-align": "bottom"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "font-weight",
+    responsive: false,
+    hover: false,
+    values: (
+      "regular": ("font-weight": "var(--greese-font-weight-regular)"),
+      "medium": ("font-weight": "var(--greese-font-weight-medium)"),
+      "semibold": ("font-weight": "var(--greese-font-weight-semibold)"),
+      "bold": ("font-weight": "var(--greese-font-weight-bold)"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "font-style",
+    responsive: false,
+    hover: false,
+    values: (
+      "italic": ("font-style": "italic"),
+      "normal": ("font-style": "normal"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "font-family",
+    responsive: false,
+    hover: false,
+    values: (
+      "body": ("font-family": "var(--greese-font-body)"),
+      "mono": ("font-family": "var(--greese-font-mono)"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "font-variant-numeric",
+    responsive: false,
+    hover: false,
+    values: (
+      "tabular": ("font-variant-numeric": "tabular-nums"),
+      "normal": ("font-variant-numeric": "normal"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "line-height",
+    responsive: false,
+    hover: false,
+    values: (
+      "tight": ("line-height": "var(--greese-line-height-tight)"),
+      "snug": ("line-height": "var(--greese-line-height-snug)"),
+      "normal": ("line-height": "var(--greese-line-height-normal)"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "list-style-type",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("list-style-type": "none"),
+      "disc": ("list-style-type": "disc"),
+      "decimal": ("list-style-type": "decimal"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "truncate",
+    responsive: false,
+    hover: false,
+    values: (
+      "": ("overflow": "hidden", "text-overflow": "ellipsis", "white-space": "nowrap"),
+    ),
+  ),
+  (
+    group: typography,
+    stem: "line-clamp",
+    responsive: false,
+    hover: false,
+    values: (
+      "1": ("display": "-webkit-box", "overflow": "hidden", "-webkit-box-orient": "vertical", "-webkit-line-clamp": "1"),
+      "2": ("display": "-webkit-box", "overflow": "hidden", "-webkit-box-orient": "vertical", "-webkit-line-clamp": "2"),
+      "3": ("display": "-webkit-box", "overflow": "hidden", "-webkit-box-orient": "vertical", "-webkit-line-clamp": "3"),
+      "4": ("display": "-webkit-box", "overflow": "hidden", "-webkit-box-orient": "vertical", "-webkit-line-clamp": "4"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-width": "0"),
+      "2": ("border-width": "2px", "border-style": "solid", "border-color": "var(--greese-color-border)"),
+      "4": ("border-width": "4px", "border-style": "solid", "border-color": "var(--greese-color-border)"),
+      "": ("border-width": "1px", "border-style": "solid", "border-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-t",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-top-width": "0"),
+      "2": ("border-top-width": "2px", "border-top-style": "solid", "border-top-color": "var(--greese-color-border)"),
+      "4": ("border-top-width": "4px", "border-top-style": "solid", "border-top-color": "var(--greese-color-border)"),
+      "": ("border-top-width": "1px", "border-top-style": "solid", "border-top-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-b",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-bottom-width": "0"),
+      "2": ("border-bottom-width": "2px", "border-bottom-style": "solid", "border-bottom-color": "var(--greese-color-border)"),
+      "4": ("border-bottom-width": "4px", "border-bottom-style": "solid", "border-bottom-color": "var(--greese-color-border)"),
+      "": ("border-bottom-width": "1px", "border-bottom-style": "solid", "border-bottom-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-l",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-left-width": "0"),
+      "2": ("border-left-width": "2px", "border-left-style": "solid", "border-left-color": "var(--greese-color-border)"),
+      "4": ("border-left-width": "4px", "border-left-style": "solid", "border-left-color": "var(--greese-color-border)"),
+      "": ("border-left-width": "1px", "border-left-style": "solid", "border-left-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-r",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-right-width": "0"),
+      "2": ("border-right-width": "2px", "border-right-style": "solid", "border-right-color": "var(--greese-color-border)"),
+      "4": ("border-right-width": "4px", "border-right-style": "solid", "border-right-color": "var(--greese-color-border)"),
+      "": ("border-right-width": "1px", "border-right-style": "solid", "border-right-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-s",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-inline-start-width": "0"),
+      "2": ("border-inline-start-width": "2px", "border-inline-start-style": "solid", "border-inline-start-color": "var(--greese-color-border)"),
+      "4": ("border-inline-start-width": "4px", "border-inline-start-style": "solid", "border-inline-start-color": "var(--greese-color-border)"),
+      "": ("border-inline-start-width": "1px", "border-inline-start-style": "solid", "border-inline-start-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-e",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-inline-end-width": "0"),
+      "2": ("border-inline-end-width": "2px", "border-inline-end-style": "solid", "border-inline-end-color": "var(--greese-color-border)"),
+      "4": ("border-inline-end-width": "4px", "border-inline-end-style": "solid", "border-inline-end-color": "var(--greese-color-border)"),
+      "": ("border-inline-end-width": "1px", "border-inline-end-style": "solid", "border-inline-end-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-x",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-inline-width": "0"),
+      "2": ("border-inline-width": "2px", "border-inline-style": "solid", "border-inline-color": "var(--greese-color-border)"),
+      "4": ("border-inline-width": "4px", "border-inline-style": "solid", "border-inline-color": "var(--greese-color-border)"),
+      "": ("border-inline-width": "1px", "border-inline-style": "solid", "border-inline-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-y",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("border-block-width": "0"),
+      "2": ("border-block-width": "2px", "border-block-style": "solid", "border-block-color": "var(--greese-color-border)"),
+      "4": ("border-block-width": "4px", "border-block-style": "solid", "border-block-color": "var(--greese-color-border)"),
+      "": ("border-block-width": "1px", "border-block-style": "solid", "border-block-color": "var(--greese-color-border)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "border-style",
+    responsive: false,
+    hover: false,
+    values: (
+      "solid": ("border-style": "solid"),
+      "dashed": ("border-style": "dashed"),
+      "dotted": ("border-style": "dotted"),
+      "none": ("border-style": "none"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "radius",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("border-radius": "var(--greese-radius-none)"),
+      "sm": ("border-radius": "var(--greese-radius-sm)"),
+      "md": ("border-radius": "var(--greese-radius-md)"),
+      "lg": ("border-radius": "var(--greese-radius-lg)"),
+      "xl": ("border-radius": "var(--greese-radius-xl)"),
+      "pill": ("border-radius": "var(--greese-radius-pill)"),
+      "round": ("border-radius": "var(--greese-radius-round)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "shadow",
+    responsive: false,
+    hover: true,
+    values: (
+      "none": ("box-shadow": "none"),
+      "sm": ("box-shadow": "var(--greese-shadow-sm)"),
+      "md": ("box-shadow": "var(--greese-shadow-md)"),
+      "lg": ("box-shadow": "var(--greese-shadow-lg)"),
+    ),
+  ),
+  (
+    group: border,
+    stem: "outline",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("outline": "none"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "color",
+    responsive: false,
+    hover: true,
+    values: (
+      "canvas": ("color": "var(--greese-color-canvas)"),
+      "surface": ("color": "var(--greese-color-surface)"),
+      "surface-overlay": ("color": "var(--greese-color-surface-overlay)"),
+      "fg": ("color": "var(--greese-color-fg)"),
+      "fg-muted": ("color": "var(--greese-color-fg-muted)"),
+      "border": ("color": "var(--greese-color-border)"),
+      "border-strong": ("color": "var(--greese-color-border-strong)"),
+      "track": ("color": "var(--greese-color-track)"),
+      "primary": ("color": "var(--greese-color-primary)"),
+      "primary-strong": ("color": "var(--greese-color-primary-strong)"),
+      "primary-content": ("color": "var(--greese-color-primary-content)"),
+      "secondary": ("color": "var(--greese-color-secondary)"),
+      "secondary-strong": ("color": "var(--greese-color-secondary-strong)"),
+      "secondary-content": ("color": "var(--greese-color-secondary-content)"),
+      "tertiary": ("color": "var(--greese-color-tertiary)"),
+      "tertiary-strong": ("color": "var(--greese-color-tertiary-strong)"),
+      "tertiary-content": ("color": "var(--greese-color-tertiary-content)"),
+      "accent": ("color": "var(--greese-color-accent)"),
+      "accent-strong": ("color": "var(--greese-color-accent-strong)"),
+      "accent-content": ("color": "var(--greese-color-accent-content)"),
+      "focus-ring": ("color": "var(--greese-color-focus-ring)"),
+      "positive": ("color": "var(--greese-color-positive)"),
+      "negative": ("color": "var(--greese-color-negative)"),
+      "negative-content": ("color": "var(--greese-color-negative-content)"),
+      "warning": ("color": "var(--greese-color-warning)"),
+      "info": ("color": "var(--greese-color-info)"),
+      "white": ("color": "var(--greese-color-white)"),
+      "black": ("color": "var(--greese-color-black)"),
+      "scrim": ("color": "var(--greese-color-scrim)"),
+      "transparent": ("color": "transparent"),
+      "inherit": ("color": "inherit"),
+      "current": ("color": "currentcolor"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "bg",
+    responsive: false,
+    hover: true,
+    values: (
+      "canvas": ("background-color": "var(--greese-color-canvas)"),
+      "surface": ("background-color": "var(--greese-color-surface)"),
+      "surface-overlay": ("background-color": "var(--greese-color-surface-overlay)"),
+      "fg": ("background-color": "var(--greese-color-fg)"),
+      "fg-muted": ("background-color": "var(--greese-color-fg-muted)"),
+      "border": ("background-color": "var(--greese-color-border)"),
+      "border-strong": ("background-color": "var(--greese-color-border-strong)"),
+      "track": ("background-color": "var(--greese-color-track)"),
+      "primary": ("background-color": "var(--greese-color-primary)"),
+      "primary-strong": ("background-color": "var(--greese-color-primary-strong)"),
+      "primary-content": ("background-color": "var(--greese-color-primary-content)"),
+      "secondary": ("background-color": "var(--greese-color-secondary)"),
+      "secondary-strong": ("background-color": "var(--greese-color-secondary-strong)"),
+      "secondary-content": ("background-color": "var(--greese-color-secondary-content)"),
+      "tertiary": ("background-color": "var(--greese-color-tertiary)"),
+      "tertiary-strong": ("background-color": "var(--greese-color-tertiary-strong)"),
+      "tertiary-content": ("background-color": "var(--greese-color-tertiary-content)"),
+      "accent": ("background-color": "var(--greese-color-accent)"),
+      "accent-strong": ("background-color": "var(--greese-color-accent-strong)"),
+      "accent-content": ("background-color": "var(--greese-color-accent-content)"),
+      "focus-ring": ("background-color": "var(--greese-color-focus-ring)"),
+      "positive": ("background-color": "var(--greese-color-positive)"),
+      "negative": ("background-color": "var(--greese-color-negative)"),
+      "negative-content": ("background-color": "var(--greese-color-negative-content)"),
+      "warning": ("background-color": "var(--greese-color-warning)"),
+      "info": ("background-color": "var(--greese-color-info)"),
+      "white": ("background-color": "var(--greese-color-white)"),
+      "black": ("background-color": "var(--greese-color-black)"),
+      "scrim": ("background-color": "var(--greese-color-scrim)"),
+      "transparent": ("background-color": "transparent"),
+      "inherit": ("background-color": "inherit"),
+      "current": ("background-color": "currentcolor"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "border-color",
+    responsive: false,
+    hover: true,
+    values: (
+      "canvas": ("border-color": "var(--greese-color-canvas)"),
+      "surface": ("border-color": "var(--greese-color-surface)"),
+      "surface-overlay": ("border-color": "var(--greese-color-surface-overlay)"),
+      "fg": ("border-color": "var(--greese-color-fg)"),
+      "fg-muted": ("border-color": "var(--greese-color-fg-muted)"),
+      "border": ("border-color": "var(--greese-color-border)"),
+      "border-strong": ("border-color": "var(--greese-color-border-strong)"),
+      "track": ("border-color": "var(--greese-color-track)"),
+      "primary": ("border-color": "var(--greese-color-primary)"),
+      "primary-strong": ("border-color": "var(--greese-color-primary-strong)"),
+      "primary-content": ("border-color": "var(--greese-color-primary-content)"),
+      "secondary": ("border-color": "var(--greese-color-secondary)"),
+      "secondary-strong": ("border-color": "var(--greese-color-secondary-strong)"),
+      "secondary-content": ("border-color": "var(--greese-color-secondary-content)"),
+      "tertiary": ("border-color": "var(--greese-color-tertiary)"),
+      "tertiary-strong": ("border-color": "var(--greese-color-tertiary-strong)"),
+      "tertiary-content": ("border-color": "var(--greese-color-tertiary-content)"),
+      "accent": ("border-color": "var(--greese-color-accent)"),
+      "accent-strong": ("border-color": "var(--greese-color-accent-strong)"),
+      "accent-content": ("border-color": "var(--greese-color-accent-content)"),
+      "focus-ring": ("border-color": "var(--greese-color-focus-ring)"),
+      "positive": ("border-color": "var(--greese-color-positive)"),
+      "negative": ("border-color": "var(--greese-color-negative)"),
+      "negative-content": ("border-color": "var(--greese-color-negative-content)"),
+      "warning": ("border-color": "var(--greese-color-warning)"),
+      "info": ("border-color": "var(--greese-color-info)"),
+      "white": ("border-color": "var(--greese-color-white)"),
+      "black": ("border-color": "var(--greese-color-black)"),
+      "scrim": ("border-color": "var(--greese-color-scrim)"),
+      "transparent": ("border-color": "transparent"),
+      "inherit": ("border-color": "inherit"),
+      "current": ("border-color": "currentcolor"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "fill",
+    responsive: false,
+    hover: true,
+    values: (
+      "canvas": ("fill": "var(--greese-color-canvas)"),
+      "surface": ("fill": "var(--greese-color-surface)"),
+      "surface-overlay": ("fill": "var(--greese-color-surface-overlay)"),
+      "fg": ("fill": "var(--greese-color-fg)"),
+      "fg-muted": ("fill": "var(--greese-color-fg-muted)"),
+      "border": ("fill": "var(--greese-color-border)"),
+      "border-strong": ("fill": "var(--greese-color-border-strong)"),
+      "track": ("fill": "var(--greese-color-track)"),
+      "primary": ("fill": "var(--greese-color-primary)"),
+      "primary-strong": ("fill": "var(--greese-color-primary-strong)"),
+      "primary-content": ("fill": "var(--greese-color-primary-content)"),
+      "secondary": ("fill": "var(--greese-color-secondary)"),
+      "secondary-strong": ("fill": "var(--greese-color-secondary-strong)"),
+      "secondary-content": ("fill": "var(--greese-color-secondary-content)"),
+      "tertiary": ("fill": "var(--greese-color-tertiary)"),
+      "tertiary-strong": ("fill": "var(--greese-color-tertiary-strong)"),
+      "tertiary-content": ("fill": "var(--greese-color-tertiary-content)"),
+      "accent": ("fill": "var(--greese-color-accent)"),
+      "accent-strong": ("fill": "var(--greese-color-accent-strong)"),
+      "accent-content": ("fill": "var(--greese-color-accent-content)"),
+      "focus-ring": ("fill": "var(--greese-color-focus-ring)"),
+      "positive": ("fill": "var(--greese-color-positive)"),
+      "negative": ("fill": "var(--greese-color-negative)"),
+      "negative-content": ("fill": "var(--greese-color-negative-content)"),
+      "warning": ("fill": "var(--greese-color-warning)"),
+      "info": ("fill": "var(--greese-color-info)"),
+      "white": ("fill": "var(--greese-color-white)"),
+      "black": ("fill": "var(--greese-color-black)"),
+      "scrim": ("fill": "var(--greese-color-scrim)"),
+      "transparent": ("fill": "transparent"),
+      "inherit": ("fill": "inherit"),
+      "current": ("fill": "currentcolor"),
+      "none": ("fill": "none"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "stroke",
+    responsive: false,
+    hover: true,
+    values: (
+      "canvas": ("stroke": "var(--greese-color-canvas)"),
+      "surface": ("stroke": "var(--greese-color-surface)"),
+      "surface-overlay": ("stroke": "var(--greese-color-surface-overlay)"),
+      "fg": ("stroke": "var(--greese-color-fg)"),
+      "fg-muted": ("stroke": "var(--greese-color-fg-muted)"),
+      "border": ("stroke": "var(--greese-color-border)"),
+      "border-strong": ("stroke": "var(--greese-color-border-strong)"),
+      "track": ("stroke": "var(--greese-color-track)"),
+      "primary": ("stroke": "var(--greese-color-primary)"),
+      "primary-strong": ("stroke": "var(--greese-color-primary-strong)"),
+      "primary-content": ("stroke": "var(--greese-color-primary-content)"),
+      "secondary": ("stroke": "var(--greese-color-secondary)"),
+      "secondary-strong": ("stroke": "var(--greese-color-secondary-strong)"),
+      "secondary-content": ("stroke": "var(--greese-color-secondary-content)"),
+      "tertiary": ("stroke": "var(--greese-color-tertiary)"),
+      "tertiary-strong": ("stroke": "var(--greese-color-tertiary-strong)"),
+      "tertiary-content": ("stroke": "var(--greese-color-tertiary-content)"),
+      "accent": ("stroke": "var(--greese-color-accent)"),
+      "accent-strong": ("stroke": "var(--greese-color-accent-strong)"),
+      "accent-content": ("stroke": "var(--greese-color-accent-content)"),
+      "focus-ring": ("stroke": "var(--greese-color-focus-ring)"),
+      "positive": ("stroke": "var(--greese-color-positive)"),
+      "negative": ("stroke": "var(--greese-color-negative)"),
+      "negative-content": ("stroke": "var(--greese-color-negative-content)"),
+      "warning": ("stroke": "var(--greese-color-warning)"),
+      "info": ("stroke": "var(--greese-color-info)"),
+      "white": ("stroke": "var(--greese-color-white)"),
+      "black": ("stroke": "var(--greese-color-black)"),
+      "scrim": ("stroke": "var(--greese-color-scrim)"),
+      "transparent": ("stroke": "transparent"),
+      "inherit": ("stroke": "inherit"),
+      "current": ("stroke": "currentcolor"),
+      "none": ("stroke": "none"),
+    ),
+  ),
+  (
+    group: color,
+    stem: "stroke-width",
+    responsive: false,
+    hover: false,
+    values: (
+      "0": ("stroke-width": "0"),
+      "1": ("stroke-width": "1"),
+      "2": ("stroke-width": "2"),
+      "3": ("stroke-width": "3"),
+      "4": ("stroke-width": "4"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "opacity",
+    responsive: false,
+    hover: true,
+    values: (
+      "0": ("opacity": "0"),
+      "25": ("opacity": "0.25"),
+      "50": ("opacity": "0.5"),
+      "75": ("opacity": "0.75"),
+      "100": ("opacity": "1"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "cursor",
+    responsive: false,
+    hover: false,
+    values: (
+      "pointer": ("cursor": "pointer"),
+      "default": ("cursor": "default"),
+      "not-allowed": ("cursor": "not-allowed"),
+      "grab": ("cursor": "grab"),
+      "text": ("cursor": "text"),
+      "wait": ("cursor": "wait"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "pointer-events",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("pointer-events": "none"),
+      "auto": ("pointer-events": "auto"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "user-select",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("user-select": "none"),
+      "text": ("user-select": "text"),
+      "all": ("user-select": "all"),
+      "auto": ("user-select": "auto"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "touch-action",
+    responsive: false,
+    hover: false,
+    values: (
+      "none": ("touch-action": "none"),
+      "auto": ("touch-action": "auto"),
+      "pan-x": ("touch-action": "pan-x"),
+      "pan-y": ("touch-action": "pan-y"),
+      "manipulation": ("touch-action": "manipulation"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "scrollbar-width",
+    responsive: false,
+    hover: false,
+    values: (
+      "auto": ("scrollbar-width": "auto"),
+      "thin": ("scrollbar-width": "thin"),
+      "none": ("scrollbar-width": "none"),
+    ),
+  ),
+  (
+    group: effects,
+    stem: "transition",
+    responsive: false,
+    hover: false,
+    values: (
+      "": ("transition-property": "color, background-color, border-color, opacity, box-shadow, translate, scale, rotate", "transition-duration": "var(--greese-duration-normal)", "transition-timing-function": "var(--greese-easing-standard)"),
+      "none": ("transition-property": "none"),
+    ),
+  ),
+);