@discourser/design-system 0.12.0 → 0.14.0

package/dist/{chunk-SQNOAZ2L.cjs → chunk-QC44JPCA.cjs}

@@ -465,121 +465,152 @@ function extractLetterSpacings(scale) {
     ])
   );
 }
-var m3 = material3Language.colors.primary;
-var primary = dev.defineSemanticTokens.colors({
-  // Base scale mapping M3 tonal to Radix
+function createPaletteBridge({
+  name,
+  palette: m32,
+  includeDefault = false,
+  solidFgWhiteBoth = false
+}) {
+  const tokens = {
+    // Base scale mapping M3 tonal to Radix (same for all chromatic colors)
+    "1": { value: { base: m32[99], _dark: m32[10] } },
+    "2": { value: { base: m32[95], _dark: m32[20] } },
+    "3": { value: { base: m32[90], _dark: m32[30] } },
+    "4": { value: { base: m32[80], _dark: m32[30] } },
+    "5": { value: { base: m32[70], _dark: m32[40] } },
+    "6": { value: { base: m32[60], _dark: m32[40] } },
+    "7": { value: { base: m32[50], _dark: m32[50] } },
+    "8": { value: { base: m32[40], _dark: m32[60] } },
+    "9": { value: { base: m32[40], _dark: m32[80] } },
+    // Primary action color
+    "10": { value: { base: m32[30], _dark: m32[70] } },
+    // Hover state
+    "11": { value: { base: m32[30], _dark: m32[90] } },
+    // Low-contrast text
+    "12": { value: { base: m32[10], _dark: m32[95] } },
+    // High-contrast text
+    // Alpha variants (for overlays/transparency)
+    // Increased opacity for better visibility in UI components
+    a1: { value: { base: `${m32[40]}08`, _dark: `${m32[80]}08` } },
+    a2: { value: { base: `${m32[40]}20`, _dark: `${m32[80]}20` } },
+    // ~13% for surface bg
+    a3: { value: { base: `${m32[40]}30`, _dark: `${m32[80]}30` } },
+    // ~19% for subtle bg
+    a4: { value: { base: `${m32[40]}40`, _dark: `${m32[80]}40` } },
+    // ~25% for hover states
+    a5: { value: { base: `${m32[40]}50`, _dark: `${m32[80]}50` } },
+    // ~31% for active states
+    a6: { value: { base: `${m32[40]}80`, _dark: `${m32[80]}80` } },
+    // ~50% for visible borders
+    a7: { value: { base: `${m32[40]}A0`, _dark: `${m32[80]}A0` } },
+    // ~63% for prominent borders
+    a8: { value: { base: `${m32[40]}B0`, _dark: `${m32[80]}B0` } },
+    // ~69%
+    a9: { value: { base: `${m32[40]}C0`, _dark: `${m32[80]}C0` } },
+    // ~75%
+    a10: { value: { base: `${m32[40]}D0`, _dark: `${m32[80]}D0` } },
+    // ~81%
+    a11: { value: { base: `${m32[40]}E0`, _dark: `${m32[80]}E0` } },
+    // ~88% for text colors
+    a12: { value: { base: `${m32[40]}F0`, _dark: `${m32[80]}F0` } },
+    // ~94% for high contrast
+    // Semantic variants (Park UI component styling)
+    solid: {
+      bg: {
+        DEFAULT: { value: { base: `{colors.${name}.9}`, _dark: `{colors.${name}.9}` } },
+        hover: { value: { base: `{colors.${name}.10}`, _dark: `{colors.${name}.10}` } }
+      },
+      fg: {
+        DEFAULT: solidFgWhiteBoth ? { value: { base: "white", _dark: "white" } } : { value: { base: "{colors.white}", _dark: `{colors.${name}.1}` } }
+      }
+    },
+    subtle: {
+      bg: {
+        DEFAULT: { value: { base: `{colors.${name}.a3}`, _dark: `{colors.${name}.a3}` } },
+        hover: { value: { base: `{colors.${name}.a4}`, _dark: `{colors.${name}.a4}` } },
+        active: { value: { base: `{colors.${name}.a5}`, _dark: `{colors.${name}.a5}` } }
+      },
+      fg: {
+        DEFAULT: { value: { base: `{colors.${name}.a11}`, _dark: `{colors.${name}.a11}` } }
+      }
+    },
+    surface: {
+      bg: {
+        DEFAULT: { value: { base: `{colors.${name}.a2}`, _dark: `{colors.${name}.a2}` } },
+        active: { value: { base: `{colors.${name}.a3}`, _dark: `{colors.${name}.a3}` } }
+      },
+      border: {
+        DEFAULT: { value: { base: `{colors.${name}.a6}`, _dark: `{colors.${name}.a6}` } },
+        hover: { value: { base: `{colors.${name}.a7}`, _dark: `{colors.${name}.a7}` } }
+      },
+      fg: {
+        DEFAULT: { value: { base: `{colors.${name}.a11}`, _dark: `{colors.${name}.a11}` } }
+      }
+    },
+    outline: {
+      bg: {
+        DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
+        hover: { value: { base: `{colors.${name}.a2}`, _dark: `{colors.${name}.a2}` } },
+        active: { value: { base: `{colors.${name}.a3}`, _dark: `{colors.${name}.a3}` } }
+      },
+      border: {
+        DEFAULT: { value: { base: `{colors.${name}.a7}`, _dark: `{colors.${name}.a7}` } }
+      },
+      fg: {
+        DEFAULT: { value: { base: `{colors.${name}.a11}`, _dark: `{colors.${name}.a11}` } }
+      }
+    },
+    plain: {
+      bg: {
+        DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
+        hover: { value: { base: `{colors.${name}.a3}`, _dark: `{colors.${name}.a3}` } },
+        active: { value: { base: `{colors.${name}.a4}`, _dark: `{colors.${name}.a4}` } }
+      },
+      fg: {
+        DEFAULT: { value: { base: `{colors.${name}.a11}`, _dark: `{colors.${name}.a11}` } }
+      }
+    }
+  };
+  if (includeDefault) {
+    return dev.defineSemanticTokens.colors({
+      DEFAULT: { value: { base: m32[40], _dark: m32[80] } },
+      ...tokens
+    });
+  }
+  return dev.defineSemanticTokens.colors(tokens);
+}
+
+// src/preset/colors/m3-primary.ts
+var primary = createPaletteBridge({
+  name: "primary",
+  palette: material3Language.colors.primary
+});
+
+// src/preset/colors/m3-secondary.ts
+var secondary = createPaletteBridge({
+  name: "secondary",
+  palette: material3Language.colors.secondary
+});
+
+// src/preset/colors/m3-tertiary.ts
+var tertiary = createPaletteBridge({
+  name: "tertiary",
+  palette: material3Language.colors.tertiary
+});
+var m3 = material3Language.colors.neutral;
+var neutral = dev.defineSemanticTokens.colors({
   "1": { value: { base: m3[99], _dark: m3[10] } },
   "2": { value: { base: m3[95], _dark: m3[20] } },
-  "3": { value: { base: m3[90], _dark: m3[30] } },
+  "3": { value: { base: m3[90], _dark: m3[20] } },
   "4": { value: { base: m3[80], _dark: m3[30] } },
-  "5": { value: { base: m3[70], _dark: m3[40] } },
+  "5": { value: { base: m3[70], _dark: m3[30] } },
   "6": { value: { base: m3[60], _dark: m3[40] } },
   "7": { value: { base: m3[50], _dark: m3[50] } },
   "8": { value: { base: m3[40], _dark: m3[60] } },
-  "9": { value: { base: m3[40], _dark: m3[80] } },
-  // Primary action color
+  "9": { value: { base: m3[40], _dark: m3[60] } },
   "10": { value: { base: m3[30], _dark: m3[70] } },
-  // Hover state
-  "11": { value: { base: m3[30], _dark: m3[90] } },
-  // Low-contrast text
-  "12": { value: { base: m3[10], _dark: m3[95] } },
-  // High-contrast text
-  // Alpha variants (for overlays/transparency)
-  // Increased opacity for better visibility in UI components
-  a1: { value: { base: `${m3[40]}08`, _dark: `${m3[80]}08` } },
-  a2: { value: { base: `${m3[40]}20`, _dark: `${m3[80]}20` } },
-  // ~13% for surface bg
-  a3: { value: { base: `${m3[40]}30`, _dark: `${m3[80]}30` } },
-  // ~19% for subtle bg
-  a4: { value: { base: `${m3[40]}40`, _dark: `${m3[80]}40` } },
-  // ~25% for hover states
-  a5: { value: { base: `${m3[40]}50`, _dark: `${m3[80]}50` } },
-  // ~31% for active states
-  a6: { value: { base: `${m3[40]}80`, _dark: `${m3[80]}80` } },
-  // ~50% for visible borders
-  a7: { value: { base: `${m3[40]}A0`, _dark: `${m3[80]}A0` } },
-  // ~63% for prominent borders
-  a8: { value: { base: `${m3[40]}B0`, _dark: `${m3[80]}B0` } },
-  // ~69%
-  a9: { value: { base: `${m3[40]}C0`, _dark: `${m3[80]}C0` } },
-  // ~75%
-  a10: { value: { base: `${m3[40]}D0`, _dark: `${m3[80]}D0` } },
-  // ~81%
-  a11: { value: { base: `${m3[40]}E0`, _dark: `${m3[80]}E0` } },
-  // ~88% for text colors
-  a12: { value: { base: `${m3[40]}F0`, _dark: `${m3[80]}F0` } },
-  // ~94% for high contrast
-  // Semantic variants (Park UI component styling)
-  solid: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.primary.9}", _dark: "{colors.primary.9}" } },
-      hover: { value: { base: "{colors.primary.10}", _dark: "{colors.primary.10}" } }
-    },
-    fg: {
-      DEFAULT: { value: { base: "{colors.white}", _dark: "{colors.primary.1}" } }
-    }
-  },
-  subtle: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.primary.a3}", _dark: "{colors.primary.a3}" } },
-      hover: { value: { base: "{colors.primary.a4}", _dark: "{colors.primary.a4}" } },
-      active: { value: { base: "{colors.primary.a5}", _dark: "{colors.primary.a5}" } }
-    },
-    fg: {
-      DEFAULT: { value: { base: "{colors.primary.a11}", _dark: "{colors.primary.a11}" } }
-    }
-  },
-  surface: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.primary.a2}", _dark: "{colors.primary.a2}" } },
-      active: { value: { base: "{colors.primary.a3}", _dark: "{colors.primary.a3}" } }
-    },
-    border: {
-      DEFAULT: { value: { base: "{colors.primary.a6}", _dark: "{colors.primary.a6}" } },
-      hover: { value: { base: "{colors.primary.a7}", _dark: "{colors.primary.a7}" } }
-    },
-    fg: {
-      DEFAULT: { value: { base: "{colors.primary.a11}", _dark: "{colors.primary.a11}" } }
-    }
-  },
-  outline: {
-    bg: {
-      DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
-      hover: { value: { base: "{colors.primary.a2}", _dark: "{colors.primary.a2}" } },
-      active: { value: { base: "{colors.primary.a3}", _dark: "{colors.primary.a3}" } }
-    },
-    border: {
-      DEFAULT: { value: { base: "{colors.primary.a7}", _dark: "{colors.primary.a7}" } }
-    },
-    fg: {
-      DEFAULT: { value: { base: "{colors.primary.a11}", _dark: "{colors.primary.a11}" } }
-    }
-  },
-  plain: {
-    bg: {
-      DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
-      hover: { value: { base: "{colors.primary.a3}", _dark: "{colors.primary.a3}" } },
-      active: { value: { base: "{colors.primary.a4}", _dark: "{colors.primary.a4}" } }
-    },
-    fg: {
-      DEFAULT: { value: { base: "{colors.primary.a11}", _dark: "{colors.primary.a11}" } }
-    }
-  }
-});
-var m32 = material3Language.colors.neutral;
-var neutral = dev.defineSemanticTokens.colors({
-  "1": { value: { base: m32[99], _dark: m32[10] } },
-  "2": { value: { base: m32[95], _dark: m32[20] } },
-  "3": { value: { base: m32[90], _dark: m32[20] } },
-  "4": { value: { base: m32[80], _dark: m32[30] } },
-  "5": { value: { base: m32[70], _dark: m32[30] } },
-  "6": { value: { base: m32[60], _dark: m32[40] } },
-  "7": { value: { base: m32[50], _dark: m32[50] } },
-  "8": { value: { base: m32[40], _dark: m32[60] } },
-  "9": { value: { base: m32[40], _dark: m32[60] } },
-  "10": { value: { base: m32[30], _dark: m32[70] } },
-  "11": { value: { base: m32[30], _dark: m32[80] } },
-  "12": { value: { base: m32[10], _dark: m32[90] } },
+  "11": { value: { base: m3[30], _dark: m3[80] } },
+  "12": { value: { base: m3[10], _dark: m3[90] } },
   // Alpha variants (increased opacity for better visibility)
   a1: { value: { base: "#00000008", _dark: "#ffffff08" } },
   a2: { value: { base: "#00000020", _dark: "#ffffff20" } },
@@ -662,93 +693,20 @@ var neutral = dev.defineSemanticTokens.colors({
     }
   }
 });
-var m33 = material3Language.colors.error;
-var error = dev.defineSemanticTokens.colors({
-  "1": { value: { base: m33[99], _dark: m33[10] } },
-  "2": { value: { base: m33[95], _dark: m33[20] } },
-  "3": { value: { base: m33[90], _dark: m33[30] } },
-  "4": { value: { base: m33[80], _dark: m33[30] } },
-  "5": { value: { base: m33[70], _dark: m33[40] } },
-  "6": { value: { base: m33[60], _dark: m33[40] } },
-  "7": { value: { base: m33[50], _dark: m33[50] } },
-  "8": { value: { base: m33[40], _dark: m33[60] } },
-  "9": { value: { base: m33[40], _dark: m33[80] } },
-  "10": { value: { base: m33[30], _dark: m33[70] } },
-  "11": { value: { base: m33[30], _dark: m33[90] } },
-  "12": { value: { base: m33[10], _dark: m33[95] } },
-  // Alpha variants (increased opacity for better visibility)
-  a1: { value: { base: `${m33[40]}08`, _dark: `${m33[80]}08` } },
-  a2: { value: { base: `${m33[40]}20`, _dark: `${m33[80]}20` } },
-  // ~13% for surface bg
-  a3: { value: { base: `${m33[40]}30`, _dark: `${m33[80]}30` } },
-  // ~19% for subtle bg
-  a4: { value: { base: `${m33[40]}40`, _dark: `${m33[80]}40` } },
-  // ~25% for hover states
-  a5: { value: { base: `${m33[40]}50`, _dark: `${m33[80]}50` } },
-  // ~31% for active states
-  a6: { value: { base: `${m33[40]}80`, _dark: `${m33[80]}80` } },
-  // ~50% for visible borders
-  a7: { value: { base: `${m33[40]}A0`, _dark: `${m33[80]}A0` } },
-  // ~63% for prominent borders
-  a8: { value: { base: `${m33[40]}B0`, _dark: `${m33[80]}B0` } },
-  // ~69%
-  a9: { value: { base: `${m33[40]}C0`, _dark: `${m33[80]}C0` } },
-  // ~75%
-  a10: { value: { base: `${m33[40]}D0`, _dark: `${m33[80]}D0` } },
-  // ~81%
-  a11: { value: { base: `${m33[40]}E0`, _dark: `${m33[80]}E0` } },
-  // ~88% for text colors
-  a12: { value: { base: `${m33[40]}F0`, _dark: `${m33[80]}F0` } },
-  // ~94% for high contrast
-  // Semantic variants
-  solid: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.error.9}", _dark: "{colors.error.9}" } },
-      hover: { value: { base: "{colors.error.10}", _dark: "{colors.error.10}" } }
-    },
-    fg: { DEFAULT: { value: { base: "white", _dark: "white" } } }
-  },
-  subtle: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.error.a3}", _dark: "{colors.error.a3}" } },
-      hover: { value: { base: "{colors.error.a4}", _dark: "{colors.error.a4}" } },
-      active: { value: { base: "{colors.error.a5}", _dark: "{colors.error.a5}" } }
-    },
-    fg: { DEFAULT: { value: { base: "{colors.error.a11}", _dark: "{colors.error.a11}" } } }
-  },
-  surface: {
-    bg: {
-      DEFAULT: { value: { base: "{colors.error.a2}", _dark: "{colors.error.a2}" } },
-      active: { value: { base: "{colors.error.a3}", _dark: "{colors.error.a3}" } }
-    },
-    border: {
-      DEFAULT: { value: { base: "{colors.error.a6}", _dark: "{colors.error.a6}" } },
-      hover: { value: { base: "{colors.error.a7}", _dark: "{colors.error.a7}" } }
-    },
-    fg: { DEFAULT: { value: { base: "{colors.error.a11}", _dark: "{colors.error.a11}" } } }
-  },
-  outline: {
-    bg: {
-      DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
-      hover: { value: { base: "{colors.error.a2}", _dark: "{colors.error.a2}" } },
-      active: { value: { base: "{colors.error.a3}", _dark: "{colors.error.a3}" } }
-    },
-    border: { DEFAULT: { value: { base: "{colors.error.a7}", _dark: "{colors.error.a7}" } } },
-    fg: { DEFAULT: { value: { base: "{colors.error.a11}", _dark: "{colors.error.a11}" } } }
-  },
-  plain: {
-    bg: {
-      DEFAULT: { value: { base: "transparent", _dark: "transparent" } },
-      hover: { value: { base: "{colors.error.a3}", _dark: "{colors.error.a3}" } },
-      active: { value: { base: "{colors.error.a4}", _dark: "{colors.error.a4}" } }
-    },
-    fg: { DEFAULT: { value: { base: "{colors.error.a11}", _dark: "{colors.error.a11}" } } }
-  }
+
+// src/preset/colors/m3-error.ts
+var error = createPaletteBridge({
+  name: "error",
+  palette: material3Language.colors.error,
+  includeDefault: true,
+  solidFgWhiteBoth: true
 });
 
 // src/preset/colors/index.ts
 var colors = {
   primary,
+  secondary,
+  tertiary,
   neutral,
   error,
   // Alias gray to neutral (Park UI expects this)
@@ -785,21 +743,21 @@ var m3SemanticTokens = dev.defineSemanticTokens.colors({
     DEFAULT: { value: { base: semantic.onPrimary, _dark: semanticDark.onPrimary } },
     container: { value: { base: semantic.onPrimaryContainer, _dark: semanticDark.onPrimaryContainer } }
   },
-  // M3 Secondary
-  secondary: {
+  // M3 Secondary (prefixed to avoid conflict with Park UI Radix-scale bridge)
+  m3Secondary: {
     DEFAULT: { value: { base: semantic.secondary, _dark: semanticDark.secondary } },
     container: { value: { base: semantic.secondaryContainer, _dark: semanticDark.secondaryContainer } }
   },
-  onSecondary: {
+  onM3Secondary: {
     DEFAULT: { value: { base: semantic.onSecondary, _dark: semanticDark.onSecondary } },
     container: { value: { base: semantic.onSecondaryContainer, _dark: semanticDark.onSecondaryContainer } }
   },
-  // M3 Tertiary
-  tertiary: {
+  // M3 Tertiary (prefixed to avoid conflict with Park UI Radix-scale bridge)
+  m3Tertiary: {
     DEFAULT: { value: { base: semantic.tertiary, _dark: semanticDark.tertiary } },
     container: { value: { base: semantic.tertiaryContainer, _dark: semanticDark.tertiaryContainer } }
   },
-  onTertiary: {
+  onM3Tertiary: {
     DEFAULT: { value: { base: semantic.onTertiary, _dark: semanticDark.onTertiary } },
     container: { value: { base: semantic.onTertiaryContainer, _dark: semanticDark.onTertiaryContainer } }
   },
@@ -920,14 +878,14 @@ var button = dev.defineRecipe({
       elevated: {
         bg: "colorPalette.surface.bg",
         color: "colorPalette.solid.fg",
-        boxShadow: "level2",
+        boxShadow: "sm",
         border: "none",
         _hover: {
           bg: "colorPalette.surface.bg",
-          boxShadow: "level3"
+          boxShadow: "md"
         },
         _active: {
-          boxShadow: "level1"
+          boxShadow: "xs"
         }
       }
     },
@@ -2088,8 +2046,6 @@ var radioGroup = dev.defineSlotRecipe({
       flexShrink: 0,
       justifyContent: "center",
       verticalAlign: "top",
-      boxShadow: "inset 0 0 0 1px var(--shadow-color)",
-      boxShadowColor: "gray.surface.border",
       _after: {
         content: '""',
         display: "block",
@@ -2098,14 +2054,6 @@ var radioGroup = dev.defineSlotRecipe({
       },
       _focusVisible: {
         focusVisibleRing: "outside"
-      },
-      _checked: {
-        bg: "colorPalette.solid.bg",
-        color: "colorPalette.solid.fg",
-        boxShadowColor: "colorPalette.solid.bg",
-        _after: {
-          background: "colorPalette.solid.fg"
-        }
       }
     },
     item: {
@@ -2134,7 +2082,18 @@ var radioGroup = dev.defineSlotRecipe({
   variants: {
     variant: {
       solid: {
-        itemControl: {}
+        itemControl: {
+          boxShadow: "inset 0 0 0 1px var(--shadow-color)",
+          boxShadowColor: "gray.surface.border",
+          _checked: {
+            bg: "colorPalette.solid.bg",
+            color: "colorPalette.solid.fg",
+            boxShadowColor: "colorPalette.solid.bg",
+            _after: {
+              background: "colorPalette.solid.fg"
+            }
+          }
+        }
       }
     },
     size: {
@@ -3296,6 +3255,7 @@ var stepper = dev.defineSlotRecipe({
     "item",
     "trigger",
     "indicator",
+    "label",
     "separator",
     "content",
     "progress",
@@ -3335,6 +3295,7 @@ var stepper = dev.defineSlotRecipe({
       padding: "0",
       position: "relative",
       zIndex: "2",
+      flexShrink: "0",
       _disabled: {
         cursor: "not-allowed",
         opacity: 0.5
@@ -3377,10 +3338,21 @@ var stepper = dev.defineSlotRecipe({
         outlineOffset: "2px"
       }
     },
+    label: {
+      whiteSpace: "nowrap",
+      textAlign: "center",
+      fontSize: "sm",
+      fontWeight: "medium",
+      color: "fg.default",
+      maxWidth: "120px",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    },
     separator: {
       flex: "1",
+      minWidth: "40px",
       height: "2px",
-      bg: "border",
+      bg: "neutral.surface.border",
       transition: "background",
       transitionDuration: "normal",
       marginInline: "4",
@@ -3504,40 +3476,22 @@ var textStyles = dev.defineTextStyles({
 });
 var shadows = dev.defineSemanticTokens.shadows({
   xs: {
-    value: {
-      base: "0px 1px 2px {colors.neutral.a6}, 0px 0px 1px {colors.neutral.a7}",
-      _dark: "0px 1px 1px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level1}"
   },
   sm: {
-    value: {
-      base: "0px 2px 4px {colors.neutral.a4}, 0px 0px 1px {colors.neutral.a4}",
-      _dark: "0px 2px 4px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level2}"
   },
   md: {
-    value: {
-      base: "0px 4px 8px {colors.neutral.a4}, 0px 0px 1px {colors.neutral.a4}",
-      _dark: "0px 4px 8px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level3}"
   },
   lg: {
-    value: {
-      base: "0px 8px 16px {colors.neutral.a4}, 0px 0px 1px {colors.neutral.a4}",
-      _dark: "0px 8px 16px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level4}"
   },
   xl: {
-    value: {
-      base: "0px 16px 24px {colors.neutral.a4}, 0px 0px 1px {colors.neutral.a4}",
-      _dark: "0px 16px 24px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level5}"
   },
   "2xl": {
-    value: {
-      base: "0px 24px 40px {colors.neutral.a4}, 0px 0px 1px {colors.neutral.a4}",
-      _dark: "0px 24px 40px {colors.neutral.a8}, 0px 0px 1px inset {colors.neutral.a8}"
-    }
+    value: "{shadows.level5}"
   },
   inset: {
     value: {
@@ -3599,12 +3553,7 @@ var discourserPandaPreset = dev.definePreset({
             value: { base: "{colors.gray.1}", _dark: "{colors.gray.1}" }
           },
           border: {
-            default: {
-              value: { base: "{colors.gray.6}", _dark: "{colors.gray.6}" }
-            },
-            muted: {
-              value: { base: "{colors.gray.4}", _dark: "{colors.gray.4}" }
-            }
+            value: { base: "{colors.gray.6}", _dark: "{colors.gray.6}" }
           },
           // M3 semantic tokens (surface, onSurface, etc.)
           ...m3SemanticTokens,
@@ -3688,5 +3637,5 @@ var discourserPandaPreset = dev.definePreset({
 exports.discourserPandaPreset = discourserPandaPreset;
 exports.material3Language = material3Language;
 exports.transformToPandaTheme = transformToPandaTheme;
-//# sourceMappingURL=chunk-SQNOAZ2L.cjs.map
-//# sourceMappingURL=chunk-SQNOAZ2L.cjs.map
+//# sourceMappingURL=chunk-QC44JPCA.cjs.map
+//# sourceMappingURL=chunk-QC44JPCA.cjs.map