@work-rjkashyap/unified-ui 0.3.2 → 0.3.4

package/dist/index.cjs

@@ -2,8 +2,8 @@
 'use strict';
 
 var chunk2JFREULQ_cjs = require('./chunk-2JFREULQ.cjs');
-var chunk5TP7J7T4_cjs = require('./chunk-5TP7J7T4.cjs');
-var chunkZBGR7MUW_cjs = require('./chunk-ZBGR7MUW.cjs');
+var chunkRUG3BW2B_cjs = require('./chunk-RUG3BW2B.cjs');
+var chunk6ZZZBOCH_cjs = require('./chunk-6ZZZBOCH.cjs');
 var chunkFUWXGHWQ_cjs = require('./chunk-FUWXGHWQ.cjs');
 var chunkECIGDEAH_cjs = require('./chunk-ECIGDEAH.cjs');
 var chunkA2DGHQL2_cjs = require('./chunk-A2DGHQL2.cjs');
@@ -22,195 +22,219 @@ Object.defineProperty(exports, "spacing", {
 });
 Object.defineProperty(exports, "COLOR_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.COLOR_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.COLOR_PRESETS; }
 });
 Object.defineProperty(exports, "COLOR_PRESET_KEYS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.COLOR_PRESET_KEYS; }
+  get: function () { return chunkRUG3BW2B_cjs.COLOR_PRESET_KEYS; }
 });
 Object.defineProperty(exports, "DEFAULT_FONT_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_FONT_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_FONT_KEY; }
+});
+Object.defineProperty(exports, "DEFAULT_MENU_ACCENT_KEY", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_MENU_ACCENT_KEY; }
+});
+Object.defineProperty(exports, "DEFAULT_MENU_COLOR_KEY", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_MENU_COLOR_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_RADIUS_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_RADIUS_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_RADIUS_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_SHADOW_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_SHADOW_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_SHADOW_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_STYLE_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_STYLE_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_STYLE_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_SURFACE_STYLE_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_SURFACE_STYLE_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_SURFACE_STYLE_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_THEME_CONFIG", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_THEME_CONFIG; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_THEME_CONFIG; }
 });
 Object.defineProperty(exports, "DSThemeProvider", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DSThemeProvider; }
+  get: function () { return chunkRUG3BW2B_cjs.DSThemeProvider; }
 });
 Object.defineProperty(exports, "FONT_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.FONT_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.FONT_PRESETS; }
+});
+Object.defineProperty(exports, "MENU_ACCENT_PRESETS", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.MENU_ACCENT_PRESETS; }
+});
+Object.defineProperty(exports, "MENU_COLOR_PRESETS", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.MENU_COLOR_PRESETS; }
 });
 Object.defineProperty(exports, "RADIUS_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.RADIUS_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.RADIUS_PRESETS; }
 });
 Object.defineProperty(exports, "SHADOW_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.SHADOW_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.SHADOW_PRESETS; }
 });
 Object.defineProperty(exports, "STYLE_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.STYLE_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.STYLE_PRESETS; }
 });
 Object.defineProperty(exports, "SURFACE_STYLE_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.SURFACE_STYLE_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.SURFACE_STYLE_PRESETS; }
 });
 Object.defineProperty(exports, "ThemeCustomizer", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.ThemeCustomizer; }
+  get: function () { return chunkRUG3BW2B_cjs.ThemeCustomizer; }
 });
 Object.defineProperty(exports, "ThemeCustomizerProvider", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.ThemeCustomizerProvider; }
+  get: function () { return chunkRUG3BW2B_cjs.ThemeCustomizerProvider; }
 });
 Object.defineProperty(exports, "buildDarkThemeVars", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildDarkThemeVars; }
+  get: function () { return chunkRUG3BW2B_cjs.buildDarkThemeVars; }
 });
 Object.defineProperty(exports, "buildLightThemeVars", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildLightThemeVars; }
+  get: function () { return chunkRUG3BW2B_cjs.buildLightThemeVars; }
 });
 Object.defineProperty(exports, "buildThemeCSS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildThemeCSS; }
+  get: function () { return chunkRUG3BW2B_cjs.buildThemeCSS; }
 });
 Object.defineProperty(exports, "buildThemeOverrides", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildThemeOverrides; }
+  get: function () { return chunkRUG3BW2B_cjs.buildThemeOverrides; }
 });
 Object.defineProperty(exports, "contract", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.contract; }
+  get: function () { return chunkRUG3BW2B_cjs.contract; }
 });
 Object.defineProperty(exports, "cssVar", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.cssVar; }
+  get: function () { return chunkRUG3BW2B_cjs.cssVar; }
 });
 Object.defineProperty(exports, "generateThemeCSS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.generateThemeCSS; }
+  get: function () { return chunkRUG3BW2B_cjs.generateThemeCSS; }
 });
 Object.defineProperty(exports, "getColorPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getColorPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getColorPreset; }
 });
 Object.defineProperty(exports, "getFontPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getFontPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getFontPreset; }
+});
+Object.defineProperty(exports, "getMenuAccentPreset", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.getMenuAccentPreset; }
+});
+Object.defineProperty(exports, "getMenuColorPreset", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.getMenuColorPreset; }
 });
 Object.defineProperty(exports, "getRadiusPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getRadiusPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getRadiusPreset; }
 });
 Object.defineProperty(exports, "getShadowPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getShadowPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getShadowPreset; }
 });
 Object.defineProperty(exports, "getStylePreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getStylePreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getStylePreset; }
 });
 Object.defineProperty(exports, "useDSTheme", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.useDSTheme; }
+  get: function () { return chunkRUG3BW2B_cjs.useDSTheme; }
 });
 Object.defineProperty(exports, "useThemeCustomizer", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.useThemeCustomizer; }
+  get: function () { return chunkRUG3BW2B_cjs.useThemeCustomizer; }
 });
 Object.defineProperty(exports, "amber", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.amber; }
+  get: function () { return chunk6ZZZBOCH_cjs.amber; }
 });
 Object.defineProperty(exports, "blue", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.blue; }
+  get: function () { return chunk6ZZZBOCH_cjs.blue; }
 });
 Object.defineProperty(exports, "brand", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.brand; }
+  get: function () { return chunk6ZZZBOCH_cjs.brand; }
 });
 Object.defineProperty(exports, "gray", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.gray; }
+  get: function () { return chunk6ZZZBOCH_cjs.gray; }
 });
 Object.defineProperty(exports, "green", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.green; }
+  get: function () { return chunk6ZZZBOCH_cjs.green; }
 });
 Object.defineProperty(exports, "neutral", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.neutral; }
+  get: function () { return chunk6ZZZBOCH_cjs.neutral; }
 });
 Object.defineProperty(exports, "palettes", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.palettes; }
+  get: function () { return chunk6ZZZBOCH_cjs.palettes; }
 });
 Object.defineProperty(exports, "pure", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.pure; }
+  get: function () { return chunk6ZZZBOCH_cjs.pure; }
 });
 Object.defineProperty(exports, "radius", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.radius; }
+  get: function () { return chunk6ZZZBOCH_cjs.radius; }
 });
 Object.defineProperty(exports, "red", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.red; }
+  get: function () { return chunk6ZZZBOCH_cjs.red; }
 });
 Object.defineProperty(exports, "semanticDark", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.semanticDark; }
+  get: function () { return chunk6ZZZBOCH_cjs.semanticDark; }
 });
 Object.defineProperty(exports, "semanticLight", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.semanticLight; }
+  get: function () { return chunk6ZZZBOCH_cjs.semanticLight; }
 });
 Object.defineProperty(exports, "shadow", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.shadow; }
+  get: function () { return chunk6ZZZBOCH_cjs.shadow; }
 });
 Object.defineProperty(exports, "shadowDark", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.shadowDark; }
+  get: function () { return chunk6ZZZBOCH_cjs.shadowDark; }
 });
 Object.defineProperty(exports, "slate", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.slate; }
+  get: function () { return chunk6ZZZBOCH_cjs.slate; }
 });
 Object.defineProperty(exports, "teal", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.teal; }
+  get: function () { return chunk6ZZZBOCH_cjs.teal; }
 });
 Object.defineProperty(exports, "zIndex", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.zIndex; }
+  get: function () { return chunk6ZZZBOCH_cjs.zIndex; }
 });
 Object.defineProperty(exports, "zinc", {
   enumerable: true,
-  get: function () { return chunkZBGR7MUW_cjs.zinc; }
+  get: function () { return chunk6ZZZBOCH_cjs.zinc; }
 });
 Object.defineProperty(exports, "Body", {
   enumerable: true,

package/dist/index.d.cts

@@ -2,8 +2,8 @@ export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, Acco
 export { D as Duration, E as Easing, S as Spring, a as Stagger, d as duration, b as durationCSS, c as durationSeconds, e as easing, f as easingCSS, s as spring, g as stagger } from './motion-D9wQbcKL.cjs';
 export { MotionPreset, MotionPropsResult, MotionSafe, MotionSafeProps, SpringConfig, blurIn, blurInSubtle, countUp, crossfade, dragDismiss, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, numberRoll, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, revealMask, scaleIn, scaleInLg, scaleInSpring, shakeX, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slidePanelBottom, slidePanelLeft, slidePanelRight, slidePanelTop, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, springHover, springPress, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion, withReducedMotion } from './motion.cjs';
 export { Body, BodyProps, Caption, CaptionProps, Container, ContainerPadding, ContainerProps, ContainerSize, Divider, DividerProps, Grid, GridProps, Heading, HeadingComponentProps, HeadingProps, InlineCode, InlineCodeProps, Label, LabelProps, Overline, OverlineProps, Stack, StackAlign, StackDirection, StackJustify, StackProps, Subheading, SubheadingProps, Typography, TypographyAlign, TypographyColor, TypographyFont, TypographyOwnProps, TypographyProps, TypographyVariant } from './primitives.cjs';
-export { COLOR_PRESETS, COLOR_PRESET_KEYS, ColorPreset, ColorPresetKey, ColorVarName, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeContextValue, DSThemeProvider, DSThemeProviderProps, DurationVarName, EasingVarName, FONT_PRESETS, FontFamilyVarName, FontPreset, PresetSemanticColors, RADIUS_PRESETS, RadiusPreset, RadiusVarName, ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ShadowPreset, ShadowVarName, StylePreset, SurfaceStylePreset, ThemeConfig, ThemeCustomizer, ThemeCustomizerContextValue, ThemeCustomizerProps, ThemeCustomizerProvider, ThemeCustomizerProviderProps, ThemeMode, ThemeVars, ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './theme.cjs';
-export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-Dd8IllRx.cjs';
+export { COLOR_PRESETS, COLOR_PRESET_KEYS, ColorPreset, ColorPresetKey, ColorVarName, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeContextValue, DSThemeProvider, DSThemeProviderProps, DurationVarName, EasingVarName, FONT_PRESETS, FontFamilyVarName, FontPreset, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, MenuAccentPreset, MenuColorPreset, PresetSemanticColors, RADIUS_PRESETS, RadiusPreset, RadiusVarName, ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ShadowPreset, ShadowVarName, StylePreset, SurfaceStylePreset, ThemeConfig, ThemeCustomizer, ThemeCustomizerContextValue, ThemeCustomizerProps, ThemeCustomizerProvider, ThemeCustomizerProviderProps, ThemeMode, ThemeVars, ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './theme.cjs';
+export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-DmLl6FUD.cjs';
 export { spacing } from './tokens.cjs';
 export { F as FontFamily, a as FontFamilyKey, b as FontSize, c as FontWeight, L as LetterSpacing, d as LineHeight, T as TypographyPreset, e as TypographyVariantToken, f as fontFamily, g as fontSize, h as fontWeight, l as letterSpacing, i as lineHeight, t as typographyVariants } from './typography-DlvVjEdE.cjs';
 export { AsProp, AuditResult, ChildrenProps, ColorPair, ComponentIntent, ComponentSize, ContrastResult, DS_DARK_CRITICAL_PAIRS, DS_LIGHT_CRITICAL_PAIRS, FocusRingVariant, OptionalChildrenProps, PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef, RGB, SlotClasses, SlotConfig, Slots, TextSize, WCAG_AAA_LARGE, WCAG_AAA_NORMAL, WCAG_AA_LARGE, WCAG_AA_NORMAL, WCAG_NON_TEXT_AA, auditContrast, checkDSContrast, checkHexContrast, cn, composeRefs, contrastRatio, dsAttr, dsColorVar, dsDataAttrs, dsStateAttr, dsVar, focusRingClassList, focusRingClasses, focusRingCompactClassList, focusRingCompactClasses, focusRingGroupRingClasses, focusRingGroupTriggerClasses, focusRingInsetClassList, focusRingInsetClasses, focusRingVariantOverrides, focusWithinRingClassList, focusWithinRingClasses, meetsAA, meetsAAA, meetsNonTextAA, mergeSlots, noop, parseHex, parseRGBString, relativeLuminance, toRGBString, typedKeys } from './utils.cjs';

package/dist/index.d.ts

@@ -2,8 +2,8 @@ export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, Acco
 export { D as Duration, E as Easing, S as Spring, a as Stagger, d as duration, b as durationCSS, c as durationSeconds, e as easing, f as easingCSS, s as spring, g as stagger } from './motion-D9wQbcKL.js';
 export { MotionPreset, MotionPropsResult, MotionSafe, MotionSafeProps, SpringConfig, blurIn, blurInSubtle, countUp, crossfade, dragDismiss, expandHeight, expandHeightSlow, fadeIn, fadeInFast, fadeInSlow, hoverLift, hoverScale, modalContent, modalContentSpring, motionProps, numberRoll, overlayBackdrop, pop, popSubtle, press, pulse, reduceMotion, revealMask, scaleIn, scaleInLg, scaleInSpring, shakeX, slideDown, slideDownSm, slideInFromBottom, slideInFromLeft, slideInFromRight, slideLeft, slidePanelBottom, slidePanelLeft, slidePanelRight, slidePanelTop, slideRight, slideUp, slideUpLg, slideUpSm, slideUpSpring, spin, springHover, springPress, staggerContainer, staggerContainerFast, staggerContainerSlow, tapScale, toastSlideIn, toastSlideUp, useMotion, useMotionProps, useMotionSpringConfig, useReducedMotion, withReducedMotion } from './motion.js';
 export { Body, BodyProps, Caption, CaptionProps, Container, ContainerPadding, ContainerProps, ContainerSize, Divider, DividerProps, Grid, GridProps, Heading, HeadingComponentProps, HeadingProps, InlineCode, InlineCodeProps, Label, LabelProps, Overline, OverlineProps, Stack, StackAlign, StackDirection, StackJustify, StackProps, Subheading, SubheadingProps, Typography, TypographyAlign, TypographyColor, TypographyFont, TypographyOwnProps, TypographyProps, TypographyVariant } from './primitives.js';
-export { COLOR_PRESETS, COLOR_PRESET_KEYS, ColorPreset, ColorPresetKey, ColorVarName, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeContextValue, DSThemeProvider, DSThemeProviderProps, DurationVarName, EasingVarName, FONT_PRESETS, FontFamilyVarName, FontPreset, PresetSemanticColors, RADIUS_PRESETS, RadiusPreset, RadiusVarName, ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ShadowPreset, ShadowVarName, StylePreset, SurfaceStylePreset, ThemeConfig, ThemeCustomizer, ThemeCustomizerContextValue, ThemeCustomizerProps, ThemeCustomizerProvider, ThemeCustomizerProviderProps, ThemeMode, ThemeVars, ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './theme.js';
-export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-Dd8IllRx.js';
+export { COLOR_PRESETS, COLOR_PRESET_KEYS, ColorPreset, ColorPresetKey, ColorVarName, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeContextValue, DSThemeProvider, DSThemeProviderProps, DurationVarName, EasingVarName, FONT_PRESETS, FontFamilyVarName, FontPreset, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, MenuAccentPreset, MenuColorPreset, PresetSemanticColors, RADIUS_PRESETS, RadiusPreset, RadiusVarName, ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ShadowPreset, ShadowVarName, StylePreset, SurfaceStylePreset, ThemeConfig, ThemeCustomizer, ThemeCustomizerContextValue, ThemeCustomizerProps, ThemeCustomizerProvider, ThemeCustomizerProviderProps, ThemeMode, ThemeVars, ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './theme.js';
+export { C as ColorScale, R as Radius, a as RadiusValue, S as SemanticColorKey, b as SemanticColors, c as Shadow, d as ShadowValue, Z as ZIndex, e as ZIndexValue, f as amber, g as blue, h as brand, i as gray, j as green, n as neutral, p as palettes, k as pure, r as radius, l as red, s as semanticDark, m as semanticLight, o as shadow, q as shadowDark, t as slate, u as teal, z as zIndex, v as zinc } from './z-index-DmLl6FUD.js';
 export { spacing } from './tokens.js';
 export { F as FontFamily, a as FontFamilyKey, b as FontSize, c as FontWeight, L as LetterSpacing, d as LineHeight, T as TypographyPreset, e as TypographyVariantToken, f as fontFamily, g as fontSize, h as fontWeight, l as letterSpacing, i as lineHeight, t as typographyVariants } from './typography-DlvVjEdE.js';
 export { AsProp, AuditResult, ChildrenProps, ColorPair, ComponentIntent, ComponentSize, ContrastResult, DS_DARK_CRITICAL_PAIRS, DS_LIGHT_CRITICAL_PAIRS, FocusRingVariant, OptionalChildrenProps, PolymorphicProps, PolymorphicPropsWithRef, PolymorphicRef, RGB, SlotClasses, SlotConfig, Slots, TextSize, WCAG_AAA_LARGE, WCAG_AAA_NORMAL, WCAG_AA_LARGE, WCAG_AA_NORMAL, WCAG_NON_TEXT_AA, auditContrast, checkDSContrast, checkHexContrast, cn, composeRefs, contrastRatio, dsAttr, dsColorVar, dsDataAttrs, dsStateAttr, dsVar, focusRingClassList, focusRingClasses, focusRingCompactClassList, focusRingCompactClasses, focusRingGroupRingClasses, focusRingGroupTriggerClasses, focusRingInsetClassList, focusRingInsetClasses, focusRingVariantOverrides, focusWithinRingClassList, focusWithinRingClasses, meetsAA, meetsAAA, meetsNonTextAA, mergeSlots, noop, parseHex, parseRGBString, relativeLuminance, toRGBString, typedKeys } from './utils.js';

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 export { spacing } from './chunk-NMPHV6ZD.mjs';
-export { COLOR_PRESETS, COLOR_PRESET_KEYS, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeProvider, FONT_PRESETS, RADIUS_PRESETS, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ThemeCustomizer, ThemeCustomizerProvider, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './chunk-EQWESXRH.mjs';
-export { amber, blue, brand, gray, green, neutral, palettes, pure, radius, red, semanticDark, semanticLight, shadow, shadowDark, slate, teal, zIndex, zinc } from './chunk-IVZAB7BV.mjs';
+export { COLOR_PRESETS, COLOR_PRESET_KEYS, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, DSThemeProvider, FONT_PRESETS, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, RADIUS_PRESETS, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, ThemeCustomizer, ThemeCustomizerProvider, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer } from './chunk-BJ55D5IK.mjs';
+export { amber, blue, brand, gray, green, neutral, palettes, pure, radius, red, semanticDark, semanticLight, shadow, shadowDark, slate, teal, zIndex, zinc } from './chunk-AAEWG5VR.mjs';
 export { Body, Caption, Container, Divider, Grid, Heading, InlineCode, Label, Overline, Stack, Subheading, Typography } from './chunk-OHEH57BV.mjs';
 export { fontFamily, fontSize, fontWeight, letterSpacing, lineHeight, typographyVariants } from './chunk-ITBG42M5.mjs';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Avatar, AvatarGroup, Badge, Banner, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbNav, BreadcrumbPage, BreadcrumbSeparator, Button, Calendar, Callout, Card, CardBody, CardFooter, CardHeader, Carousel, ChartContainer, ChartTooltipContent, Checkbox, CheckboxGroup, CodeBlock, InlineCode as CodeInline, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, Command, CommandTrigger, ConfirmDialog, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, DataList, DataListDetail, DataListTerm, DataTable, DataTableToolbar, DatePicker, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHandle, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FileUpload, FormField, Label as FormLabel, HoverCard, HoverCardContent, HoverCardTrigger, ImageGallery, InfiniteScroll, Input, InputGroup, Kbd, Markdown, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, NavigationMenu, NavigationMenuCardLink, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NumberInput, Pagination, PinInput, Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverTrigger, Progress, RadioCard, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarItem, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarMobileOverlay, SidebarProvider, SidebarRail, SidebarSection, SidebarSeparator, SidebarToggle, SidebarTrigger, Skeleton, SkeletonCircle, SkeletonRect, SkeletonText, Slider, SonnerToaster, Spinner, Stat, Step, Steps, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Tag, Textarea, ThemeToggle, Timeline, TimelineItem, ToastItem, ToastProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TreeView, VideoPlayer, VirtualList, VisuallyHidden, accordionRootVariants, accordionTriggerVariants, alertVariants, avatarVariants, badgeVariants, bannerVariants, buttonVariants, calendarDayVariants, calloutVariants, cardVariants, chartColors, checkboxVariants, codeBlockVariants, comboboxTriggerVariants, copyButtonVariants, createColumnHelper, dataListVariants, dialogContentVariants, drawerContentVariants, fileUploadZoneVariants, labelVariants as formLabelVariants, inlineCodeVariants, inputVariants, kbdVariants, numberInputVariants, paginationButtonVariants, pinCellVariants, progressIndicatorVariants, progressTrackVariants, radioCardVariants, radioGroupVariants, radioIndicatorVariants, scrollbarThumbVariants, scrollbarVariants, searchInputVariants, selectTriggerVariants, separatorVariants, sheetContentVariants, skeletonVariants, sliderRangeVariants, sliderThumbVariants, sliderTrackVariants, spinnerVariants, statVariants, switchThumbVariants, switchTrackVariants, tableRootVariants, tabsListVariants, tabsTriggerVariants, tagVariants, textareaVariants, toast, toastVariants, toggleGroupItemVariants, toggleGroupVariants, toggleVariants, useCarouselContext, useCheckboxGroupContext, useCollapsibleContext, useDataTable, useSidebar, useSidebarContext, useToast, useToggleGroupContext } from './chunk-XAIUX2YS.mjs';

package/dist/theme.cjs

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunk5TP7J7T4_cjs = require('./chunk-5TP7J7T4.cjs');
-require('./chunk-ZBGR7MUW.cjs');
+var chunkRUG3BW2B_cjs = require('./chunk-RUG3BW2B.cjs');
+require('./chunk-6ZZZBOCH.cjs');
 require('./chunk-ECIGDEAH.cjs');
 require('./chunk-XCKK6P46.cjs');
 require('./chunk-4ON3M3OM.cjs');
@@ -11,121 +11,149 @@ require('./chunk-4ON3M3OM.cjs');
 
 Object.defineProperty(exports, "COLOR_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.COLOR_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.COLOR_PRESETS; }
 });
 Object.defineProperty(exports, "COLOR_PRESET_KEYS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.COLOR_PRESET_KEYS; }
+  get: function () { return chunkRUG3BW2B_cjs.COLOR_PRESET_KEYS; }
 });
 Object.defineProperty(exports, "DEFAULT_FONT_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_FONT_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_FONT_KEY; }
+});
+Object.defineProperty(exports, "DEFAULT_MENU_ACCENT_KEY", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_MENU_ACCENT_KEY; }
+});
+Object.defineProperty(exports, "DEFAULT_MENU_COLOR_KEY", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_MENU_COLOR_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_RADIUS_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_RADIUS_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_RADIUS_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_SHADOW_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_SHADOW_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_SHADOW_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_STYLE_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_STYLE_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_STYLE_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_SURFACE_STYLE_KEY", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_SURFACE_STYLE_KEY; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_SURFACE_STYLE_KEY; }
 });
 Object.defineProperty(exports, "DEFAULT_THEME_CONFIG", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DEFAULT_THEME_CONFIG; }
+  get: function () { return chunkRUG3BW2B_cjs.DEFAULT_THEME_CONFIG; }
 });
 Object.defineProperty(exports, "DSThemeProvider", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.DSThemeProvider; }
+  get: function () { return chunkRUG3BW2B_cjs.DSThemeProvider; }
 });
 Object.defineProperty(exports, "FONT_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.FONT_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.FONT_PRESETS; }
+});
+Object.defineProperty(exports, "MENU_ACCENT_PRESETS", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.MENU_ACCENT_PRESETS; }
+});
+Object.defineProperty(exports, "MENU_COLOR_PRESETS", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.MENU_COLOR_PRESETS; }
 });
 Object.defineProperty(exports, "RADIUS_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.RADIUS_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.RADIUS_PRESETS; }
 });
 Object.defineProperty(exports, "SHADOW_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.SHADOW_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.SHADOW_PRESETS; }
 });
 Object.defineProperty(exports, "STYLE_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.STYLE_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.STYLE_PRESETS; }
 });
 Object.defineProperty(exports, "SURFACE_STYLE_PRESETS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.SURFACE_STYLE_PRESETS; }
+  get: function () { return chunkRUG3BW2B_cjs.SURFACE_STYLE_PRESETS; }
 });
 Object.defineProperty(exports, "ThemeCustomizer", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.ThemeCustomizer; }
+  get: function () { return chunkRUG3BW2B_cjs.ThemeCustomizer; }
+});
+Object.defineProperty(exports, "ThemeCustomizerContext", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.ThemeCustomizerContext; }
 });
 Object.defineProperty(exports, "ThemeCustomizerProvider", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.ThemeCustomizerProvider; }
+  get: function () { return chunkRUG3BW2B_cjs.ThemeCustomizerProvider; }
 });
 Object.defineProperty(exports, "buildDarkThemeVars", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildDarkThemeVars; }
+  get: function () { return chunkRUG3BW2B_cjs.buildDarkThemeVars; }
 });
 Object.defineProperty(exports, "buildLightThemeVars", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildLightThemeVars; }
+  get: function () { return chunkRUG3BW2B_cjs.buildLightThemeVars; }
 });
 Object.defineProperty(exports, "buildThemeCSS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildThemeCSS; }
+  get: function () { return chunkRUG3BW2B_cjs.buildThemeCSS; }
 });
 Object.defineProperty(exports, "buildThemeOverrides", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.buildThemeOverrides; }
+  get: function () { return chunkRUG3BW2B_cjs.buildThemeOverrides; }
 });
 Object.defineProperty(exports, "contract", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.contract; }
+  get: function () { return chunkRUG3BW2B_cjs.contract; }
 });
 Object.defineProperty(exports, "cssVar", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.cssVar; }
+  get: function () { return chunkRUG3BW2B_cjs.cssVar; }
 });
 Object.defineProperty(exports, "generateThemeCSS", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.generateThemeCSS; }
+  get: function () { return chunkRUG3BW2B_cjs.generateThemeCSS; }
 });
 Object.defineProperty(exports, "getColorPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getColorPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getColorPreset; }
 });
 Object.defineProperty(exports, "getFontPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getFontPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getFontPreset; }
+});
+Object.defineProperty(exports, "getMenuAccentPreset", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.getMenuAccentPreset; }
+});
+Object.defineProperty(exports, "getMenuColorPreset", {
+  enumerable: true,
+  get: function () { return chunkRUG3BW2B_cjs.getMenuColorPreset; }
 });
 Object.defineProperty(exports, "getRadiusPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getRadiusPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getRadiusPreset; }
 });
 Object.defineProperty(exports, "getShadowPreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getShadowPreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getShadowPreset; }
 });
 Object.defineProperty(exports, "getStylePreset", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.getStylePreset; }
+  get: function () { return chunkRUG3BW2B_cjs.getStylePreset; }
 });
 Object.defineProperty(exports, "useDSTheme", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.useDSTheme; }
+  get: function () { return chunkRUG3BW2B_cjs.useDSTheme; }
 });
 Object.defineProperty(exports, "useThemeCustomizer", {
   enumerable: true,
-  get: function () { return chunk5TP7J7T4_cjs.useThemeCustomizer; }
+  get: function () { return chunkRUG3BW2B_cjs.useThemeCustomizer; }
 });

package/dist/theme.d.cts

@@ -1,7 +1,8 @@
-import { S as SemanticColorKey, r as radius, o as shadow, z as zIndex } from './z-index-Dd8IllRx.cjs';
+import { S as SemanticColorKey, r as radius, o as shadow, z as zIndex } from './z-index-DmLl6FUD.cjs';
 import { b as durationCSS, f as easingCSS } from './motion-D9wQbcKL.cjs';
 import { f as fontFamily } from './typography-DlvVjEdE.cjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
 import { ReactNode } from 'react';
 
 declare const colorVarNames: Record<SemanticColorKey, string>;
@@ -228,6 +229,22 @@ interface SurfaceStylePreset {
 }
 declare const SURFACE_STYLE_PRESETS: readonly SurfaceStylePreset[];
 declare const DEFAULT_SURFACE_STYLE_KEY = "bordered";
+interface MenuColorPreset {
+    readonly name: string;
+    readonly key: string;
+    readonly description: string;
+}
+declare const MENU_COLOR_PRESETS: readonly MenuColorPreset[];
+declare const DEFAULT_MENU_COLOR_KEY = "default";
+declare function getMenuColorPreset(key: string): MenuColorPreset;
+interface MenuAccentPreset {
+    readonly name: string;
+    readonly key: string;
+    readonly description: string;
+}
+declare const MENU_ACCENT_PRESETS: readonly MenuAccentPreset[];
+declare const DEFAULT_MENU_ACCENT_KEY = "subtle";
+declare function getMenuAccentPreset(key: string): MenuAccentPreset;
 interface StylePreset {
     readonly name: string;
     readonly key: string;
@@ -275,6 +292,10 @@ interface ThemeConfig {
     shadow: string;
     /** Surface style key (e.g. "bordered", "elevated", "mixed") */
     surfaceStyle: string;
+    /** Menu color key (e.g. "default", "muted", "inverted", "primary") */
+    menuColor: string;
+    /** Menu accent key (e.g. "none", "subtle", "bold") */
+    menuAccent: string;
 }
 /** The default theme configuration — matches the design system's built-in styles */
 declare const DEFAULT_THEME_CONFIG: ThemeConfig;
@@ -310,6 +331,10 @@ interface ThemeCustomizerContextValue {
     setShadow: (key: string) => void;
     /** Set just the surface style (e.g. "bordered", "elevated", "mixed") */
     setSurfaceStyle: (key: string) => void;
+    /** Set just the menu color (e.g. "default", "muted", "inverted", "primary") */
+    setMenuColor: (key: string) => void;
+    /** Set just the menu accent (e.g. "none", "subtle", "bold") */
+    setMenuAccent: (key: string) => void;
     /** Reset to the default theme configuration */
     resetConfig: () => void;
     /** Whether the current config matches the default config */
@@ -317,6 +342,7 @@ interface ThemeCustomizerContextValue {
     /** Generate a copyable CSS string for the current config */
     generateCSS: () => string;
 }
+declare const ThemeCustomizerContext: react.Context<ThemeCustomizerContextValue | null>;
 /**
  * Access the theme customizer store.
  *
@@ -411,4 +437,4 @@ interface DSThemeProviderProps {
  */
 declare function DSThemeProvider({ children, defaultTheme, manageHtmlClass, }: DSThemeProviderProps): react_jsx_runtime.JSX.Element;
 
-export { COLOR_PRESETS, COLOR_PRESET_KEYS, type ColorPreset, type ColorPresetKey, type ColorVarName, DEFAULT_FONT_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, type DSThemeContextValue, DSThemeProvider, type DSThemeProviderProps, type DurationVarName, type EasingVarName, FONT_PRESETS, type FontFamilyVarName, type FontPreset, type PresetSemanticColors, RADIUS_PRESETS, type RadiusPreset, type RadiusVarName, type ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, type ShadowPreset, type ShadowVarName, type StylePreset, type SurfaceStylePreset, type ThemeConfig, ThemeCustomizer, type ThemeCustomizerContextValue, type ThemeCustomizerProps, ThemeCustomizerProvider, type ThemeCustomizerProviderProps, type ThemeMode, type ThemeVars, type ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer };
+export { COLOR_PRESETS, COLOR_PRESET_KEYS, type ColorPreset, type ColorPresetKey, type ColorVarName, DEFAULT_FONT_KEY, DEFAULT_MENU_ACCENT_KEY, DEFAULT_MENU_COLOR_KEY, DEFAULT_RADIUS_KEY, DEFAULT_SHADOW_KEY, DEFAULT_STYLE_KEY, DEFAULT_SURFACE_STYLE_KEY, DEFAULT_THEME_CONFIG, type DSThemeContextValue, DSThemeProvider, type DSThemeProviderProps, type DurationVarName, type EasingVarName, FONT_PRESETS, type FontFamilyVarName, type FontPreset, MENU_ACCENT_PRESETS, MENU_COLOR_PRESETS, type MenuAccentPreset, type MenuColorPreset, type PresetSemanticColors, RADIUS_PRESETS, type RadiusPreset, type RadiusVarName, type ResolvedTheme, SHADOW_PRESETS, STYLE_PRESETS, SURFACE_STYLE_PRESETS, type ShadowPreset, type ShadowVarName, type StylePreset, type SurfaceStylePreset, type ThemeConfig, ThemeCustomizer, ThemeCustomizerContext, type ThemeCustomizerContextValue, type ThemeCustomizerProps, ThemeCustomizerProvider, type ThemeCustomizerProviderProps, type ThemeMode, type ThemeVars, type ZIndexVarName, buildDarkThemeVars, buildLightThemeVars, buildThemeCSS, buildThemeOverrides, contract, cssVar, generateThemeCSS, getColorPreset, getFontPreset, getMenuAccentPreset, getMenuColorPreset, getRadiusPreset, getShadowPreset, getStylePreset, useDSTheme, useThemeCustomizer };