@womp/kookie-ui 0.6.2 → 0.8.0

package/dist/cjs/components/_internal/base-button.props.d.ts

@@ -23,8 +23,8 @@
  * // Button with loading state
  * <BaseButton loading>Processing...</BaseButton>
  *
- * // Button with material and high contrast
- * <BaseButton material="translucent" highContrast>Elevated Button</BaseButton>
+ * // Button with translucent material
+ * <BaseButton material="translucent">Elevated Button</BaseButton>
  * ```
  */
 declare const baseButtonPropDefs: {
@@ -77,11 +77,6 @@ declare const baseButtonPropDefs: {
         values: readonly ["none", "small", "medium", "large", "full"];
         default: undefined;
     };
-    highContrast: {
-        type: "boolean";
-        className: string;
-        default: undefined;
-    };
     color: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];

package/dist/cjs/components/_internal/base-button.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAwCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,kBAAkB;IActB;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;IAnCH;;;OAGG;;;;;;;;IAEH;;OAEG;;;;;;;;;;CAsCJ,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAuCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,kBAAkB;IAatB;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;IAlCH;;;OAGG;;;;;;;;IAEH;;OAEG;;;;;;;;;;CAqCJ,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-button.props.js

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var r in e)a(o,r,{get:e[r],enumerable:!0})},m=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of u(e))!d.call(o,s)&&s!==r&&a(o,s,{get:()=>e[s],enumerable:!(t=i(e,s))||t.enumerable});return o};var y=o=>m(a({},"__esModule",{value:!0}),o);var j={};c(j,{baseButtonPropDefs:()=>C});module.exports=y(j);var n={asChild:{type:"boolean"}};var D=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var l={color:{type:"enum",values:D,default:""}};var p={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var P=["none","small","medium","large","full"],f={radius:{type:"enum",values:P,default:void 0}};var b=["1","2","3","4"],g=["classic","solid","soft","surface","outline","ghost","override"],h=["solid","translucent"],v=["solid","translucent"],C={...n,size:{type:"enum",className:"rt-r-size",values:b,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:g,default:"solid"},...l,...p,...f,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:v,default:void 0},panelBackground:{type:"enum",values:h,default:void 0},flush:{type:"boolean",default:!1}};
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var a in e)r(o,a,{get:e[a],enumerable:!0})},c=(o,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of i(e))!u.call(o,s)&&s!==a&&r(o,s,{get:()=>e[s],enumerable:!(t=f(e,s))||t.enumerable});return o};var m=o=>c(r({},"__esModule",{value:!0}),o);var h={};d(h,{baseButtonPropDefs:()=>C});module.exports=m(h);var n={asChild:{type:"boolean"}};var y=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var l={color:{type:"enum",values:y,default:""}};var b=["none","small","medium","large","full"],p={radius:{type:"enum",values:b,default:void 0}};var D=["1","2","3","4"],P=["classic","solid","soft","surface","outline","ghost","override"],g=["solid","translucent"],v=["solid","translucent"],C={...n,size:{type:"enum",className:"rt-r-size",values:D,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:P,default:"solid"},...l,...p,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:v,default:void 0},panelBackground:{type:"enum",values:g,default:void 0},flush:{type:"boolean",default:!1}};
 //# sourceMappingURL=base-button.props.js.map

package/dist/cjs/components/_internal/base-button.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/_internal/base-button.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/high-contrast.prop.ts", "../../../../src/props/radius.prop.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - classic: Premium, sophisticated appearance\n * - solid: Primary actions that should be noticed first\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override'] as const;\n\n/**\n * Available panel background options (deprecated)\n * @deprecated Use `materials` instead\n */\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\n/**\n * Available material options for visual rendering\n * - solid: Opaque backgrounds and borders\n * - translucent: Elevated effects with depth and visual separation\n */\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button, IconButton, etc.)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Material system for visual depth and elevation\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * \n * // Button with material and high contrast\n * <BaseButton material=\"translucent\" highContrast>Elevated Button</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...highContrastPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the button renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Flush mode that removes visual padding for seamless text integration\n   * Only effective with ghost variant\n   */\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,ECNA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EJIA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,QAAS,UAAU,EAMjFC,EAAmB,CAAC,QAAS,aAAa,EAO1CC,EAAY,CAAC,QAAS,aAAa,EA+BnCC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAI5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAGK,EACH,GAAGC,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EAKpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EAKzE,SAAU,CAAE,KAAM,OAAQ,OAAQL,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
-  "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "highContrastPropDef", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "baseButtonPropDefs", "asChildPropDef", "accentColorPropDef", "highContrastPropDef", "radiusPropDef"]
+  "sources": ["../../../../src/components/_internal/base-button.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/radius.prop.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { accentColorPropDef } from '../../props/color.prop.js';\nimport { radiusPropDef } from '../../props/radius.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\n/**\n * Available button sizes for responsive design\n * Size 1: 24px - Compact for toolbars and dense interfaces\n * Size 2: 32px - Standard for most interface contexts\n * Size 3: 40px - Large for important actions and mobile touch targets\n * Size 4: 48px - Extra large for hero sections and maximum impact\n */\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Available button variants for different visual contexts\n * - classic: Premium, sophisticated appearance\n * - solid: Primary actions that should be noticed first\n * - soft: Content-heavy interfaces, natural integration\n * - surface: Elevated appearance with subtle depth\n * - outline: Secondary actions that support primary actions\n * - ghost: Utility functions that don't compete for attention\n */\nconst variants = ['classic', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override'] as const;\n\n/**\n * Available panel background options (deprecated)\n * @deprecated Use `materials` instead\n */\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\n/**\n * Available material options for visual rendering\n * - solid: Opaque backgrounds and borders\n * - translucent: Elevated effects with depth and visual separation\n */\nconst materials = ['solid', 'translucent'] as const;\n\n/**\n * Base button prop definitions that define the component's API\n * \n * These props are used by all button variants (Button, IconButton, etc.)\n * to ensure consistent behavior and styling across the design system.\n * \n * Key features:\n * - Responsive sizing with mobile-first approach\n * - Six visual variants for different interface contexts\n * - Comprehensive color system with semantic meanings\n * - Loading states with automatic accessibility\n * - Material system for visual depth and elevation\n * - Polymorphic rendering support via asChild\n * \n * @example\n * ```tsx\n * // Basic button with default props\n * <BaseButton>Click me</BaseButton>\n * \n * // Button with custom size and variant\n * <BaseButton size=\"3\" variant=\"solid\">Primary Action</BaseButton>\n * \n * // Button with loading state\n * <BaseButton loading>Processing...</BaseButton>\n * \n * // Button with translucent material\n * <BaseButton material=\"translucent\">Elevated Button</BaseButton>\n * ```\n */\nconst baseButtonPropDefs = {\n  ...asChildPropDef,\n  /**\n   * Button size for responsive design and interface density\n   * Supports responsive objects: { initial: '1', sm: '2', md: '3', lg: '4' }\n   */\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  /**\n   * Visual variant that determines the button's appearance and context\n   */\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  ...accentColorPropDef,\n  ...radiusPropDef,\n  /**\n   * Loading state that shows a spinner and disables interaction\n   * Automatically sets disabled=true and provides accessibility announcements\n   */\n  loading: { type: 'boolean', className: 'rt-loading', default: false },\n  /**\n   * Full width mode that expands the button to fill its container\n   * Useful for mobile layouts and form submissions\n   */\n  fullWidth: { type: 'boolean', className: 'rt-full-width', default: false },\n  /**\n   * Material type for visual rendering and depth effects\n   * Controls how the button renders its visual elements\n   */\n  material: { type: 'enum', values: materials, default: undefined },\n  /**\n   * Panel background type (deprecated)\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * Flush mode that removes visual padding for seamless text integration\n   * Only effective with ghost variant\n   */\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  loading: PropDef<boolean>;\n  fullWidth: PropDef<boolean>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nexport { baseButtonPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,wBAAAE,IAAA,eAAAC,EAAAH,GCEA,IAAMI,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAgBvP,IAAMC,EAAqB,CACzB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,EACX,CACF,ECvBA,IAAMC,EAAQ,CAAC,OAAQ,QAAS,SAAU,QAAS,MAAM,EAEnDC,EAAgB,CACpB,OAAQ,CACN,KAAM,OACN,OAAQD,EACR,QAAS,MACX,CACF,EHGA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,UAAW,QAAS,UAAU,EAMjFC,EAAmB,CAAC,QAAS,aAAa,EAO1CC,EAAY,CAAC,QAAS,aAAa,EA+BnCC,EAAqB,CACzB,GAAGC,EAKH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAO,QAAS,IAAK,WAAY,EAAK,EAI5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,GAAGK,EACH,GAAGC,EAKH,QAAS,CAAE,KAAM,UAAW,UAAW,aAAc,QAAS,EAAM,EAKpE,UAAW,CAAE,KAAM,UAAW,UAAW,gBAAiB,QAAS,EAAM,EAKzE,SAAU,CAAE,KAAM,OAAQ,OAAQJ,EAAW,QAAS,MAAU,EAKhE,gBAAiB,CAAE,KAAM,OAAQ,OAAQD,EAAkB,QAAS,MAAU,EAK9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
+  "names": ["base_button_props_exports", "__export", "baseButtonPropDefs", "__toCommonJS", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "baseButtonPropDefs", "asChildPropDef", "accentColorPropDef", "radiusPropDef"]
 }

package/dist/cjs/components/_internal/base-checkbox.props.d.ts

@@ -1,9 +1,4 @@
 declare const baseCheckboxPropDefs: {
-    highContrast: {
-        type: "boolean";
-        className: string;
-        default: undefined;
-    };
     color: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];

package/dist/cjs/components/_internal/base-checkbox.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-checkbox.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-checkbox.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUzB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"base-checkbox.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-checkbox.props.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;CASzB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/cjs/components/_internal/base-checkbox.props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var r in e)t(o,r,{get:e[r],enumerable:!0})},u=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of l(e))!f.call(o,s)&&s!==r&&t(o,s,{get:()=>e[s],enumerable:!(a=p(e,s))||a.enumerable});return o};var m=o=>u(t({},"__esModule",{value:!0}),o);var g={};c(g,{baseCheckboxPropDefs:()=>P});module.exports=m(g);var d=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:d,default:void 0}};var i={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var y=["1","2","3","4","5","6","7","8","9","10","11","12"],b=["classic","solid","soft","outline","surface"],D=["solid","translucent"],P={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:b,default:"solid"},material:{type:"enum",values:D,default:void 0},...n,...i};
+"use strict";var t=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(o,e)=>{for(var r in e)t(o,r,{get:e[r],enumerable:!0})},f=(o,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of i(e))!p.call(o,s)&&s!==r&&t(o,s,{get:()=>e[s],enumerable:!(a=l(e,s))||a.enumerable});return o};var u=o=>f(t({},"__esModule",{value:!0}),o);var D={};c(D,{baseCheckboxPropDefs:()=>v});module.exports=u(D);var m=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var n={color:{type:"enum",values:m,default:void 0}};var d=["1","2","3","4","5","6","7","8","9","10","11","12"],y=["classic","solid","soft","outline","surface"],b=["solid","translucent"],v={size:{type:"enum",className:"rt-r-size",values:d,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:y,default:"solid"},material:{type:"enum",values:b,default:void 0},...n};
 //# sourceMappingURL=base-checkbox.props.js.map

package/dist/cjs/components/_internal/base-checkbox.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/_internal/base-checkbox.props.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/high-contrast.prop.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseCheckboxPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,ECXA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,EFHA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAGE,EACH,GAAGC,CACL",
-  "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "highContrastPropDef", "sizes", "variants", "materials", "baseCheckboxPropDefs", "colorPropDef", "highContrastPropDef"]
+  "sources": ["../../../../src/components/_internal/base-checkbox.props.ts", "../../../../src/props/color.prop.ts"],
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseCheckboxPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAGE,CACL",
+  "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "sizes", "variants", "materials", "baseCheckboxPropDefs", "colorPropDef"]
 }

package/dist/cjs/components/_internal/base-menu.props.d.ts

@@ -12,11 +12,6 @@ declare const baseMenuContentPropDefs: {
         default: "cascade";
         responsive: true;
     };
-    highContrast: {
-        type: "boolean";
-        className: string;
-        default: undefined;
-    };
     color: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
@@ -50,11 +45,6 @@ declare const baseMenuContentPropDefs: {
     };
 };
 declare const baseMenuSubContentPropDefs: {
-    highContrast: {
-        type: "boolean";
-        className: string;
-        default: undefined;
-    };
     color: {
         type: "enum";
         values: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];

package/dist/cjs/components/_internal/base-menu.props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,oCAAqC,CAAC;AAwC5D,QAAA,MAAM,uBAAuB;IAE3B;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzBH;;OAEG;;;;;;CAoCJ,CAAC;AAGF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzC9B;;OAEG;;;;;;CAuCoD,CAAC;AAE1D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,gBAAgB,oCAAqC,CAAC;AAuC5D,QAAA,MAAM,uBAAuB;IAE3B;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAxBH;;OAEG;;;;;;CAmCJ,CAAC;AAGF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;IAxC9B;;OAEG;;;;;;CAsCoD,CAAC;AAE1D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,gBAAgB,GACjB,CAAC"}

package/dist/cjs/components/_internal/base-menu.props.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var d=(o,e)=>{for(var n in e)r(o,n,{get:e[n],enumerable:!0})},y=(o,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of l(e))!m.call(o,t)&&t!==n&&r(o,t,{get:()=>e[t],enumerable:!(a=c(e,t))||a.enumerable});return o};var b=o=>y(r({},"__esModule",{value:!0}),o);var j={};d(j,{baseMenuCheckboxItemPropDefs:()=>z,baseMenuContentPropDefs:()=>C,baseMenuItemPropDefs:()=>k,baseMenuRadioItemPropDefs:()=>M,baseMenuSubContentPropDefs:()=>B,submenuBehaviors:()=>f});module.exports=b(j);var p={asChild:{type:"boolean"}};var D=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var s={color:{type:"enum",values:D,default:void 0}};var i={highContrast:{type:"boolean",className:"rt-high-contrast",default:void 0}};var P=["1","2"],g=["solid","soft"],h=["solid","translucent"],v=["solid","translucent"],f=["cascade","drill-down"],u={size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:g,default:"solid"},material:{type:"enum",values:v,default:void 0},panelBackground:{type:"enum",values:h,default:void 0},...s,...i},C={...u,submenuBehavior:{type:"enum",values:f,default:"cascade",responsive:!0}},B=u,k={...p,...s,shortcut:{type:"string"}},z={...s,shortcut:{type:"string"}},M={...s};
+"use strict";var r=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var m=(o,e)=>{for(var n in e)r(o,n,{get:e[n],enumerable:!0})},d=(o,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of c(e))!l.call(o,s)&&s!==n&&r(o,s,{get:()=>e[s],enumerable:!(a=f(e,s))||a.enumerable});return o};var y=o=>d(r({},"__esModule",{value:!0}),o);var M={};m(M,{baseMenuCheckboxItemPropDefs:()=>k,baseMenuContentPropDefs:()=>h,baseMenuItemPropDefs:()=>B,baseMenuRadioItemPropDefs:()=>z,baseMenuSubContentPropDefs:()=>C,submenuBehaviors:()=>i});module.exports=y(M);var p={asChild:{type:"boolean"}};var b=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"];var t={color:{type:"enum",values:b,default:void 0}};var D=["1","2"],P=["solid","soft"],v=["solid","translucent"],g=["solid","translucent"],i=["cascade","drill-down"],u={size:{type:"enum",className:"rt-r-size",values:D,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:P,default:"solid"},material:{type:"enum",values:g,default:void 0},panelBackground:{type:"enum",values:v,default:void 0},...t},h={...u,submenuBehavior:{type:"enum",values:i,default:"cascade",responsive:!0}},C=u,B={...p,...t,shortcut:{type:"string"}},k={...t,shortcut:{type:"string"}},z={...t};
 //# sourceMappingURL=base-menu.props.js.map

package/dist/cjs/components/_internal/base-menu.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/_internal/base-menu.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/high-contrast.prop.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst submenuBehaviors = ['cascade', 'drill-down'] as const;\n\n// Base props shared between Content and SubContent\nconst baseMenuSharedPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  material: {\n    type: 'enum',\n    values: materials,\n    default: undefined,\n  },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\n// Content-specific props (includes submenuBehavior)\nconst baseMenuContentPropDefs = {\n  ...baseMenuSharedPropDefs,\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior: {\n    type: 'enum',\n    values: submenuBehaviors,\n    default: 'cascade',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  submenuBehavior: PropDef<(typeof submenuBehaviors)[number]>;\n};\n\n// SubContent props (no submenuBehavior)\nconst baseMenuSubContentPropDefs = baseMenuSharedPropDefs;\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuSubContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n  submenuBehaviors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,EAAA,+BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAR,GCEA,IAAMS,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,ECXA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,EHFA,IAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQL,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,SAAU,CACR,KAAM,OACN,OAAQE,EACR,QAAS,MACX,EAIA,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,MACX,EACA,GAAGI,EACH,GAAGC,CACL,EAQMC,EAA0B,CAC9B,GAAGH,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EASMK,EAA6BJ,EAE7BK,EAAuB,CAC3B,GAAGC,EACH,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA+B,CACnC,GAAGN,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMO,EAA4B,CAChC,GAAGP,CACL",
-  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "baseMenuSubContentPropDefs", "submenuBehaviors", "__toCommonJS", "asChildPropDef", "accentColors", "colorPropDef", "accentColors", "highContrastPropDef", "contentSizes", "contentVariants", "panelBackgrounds", "materials", "submenuBehaviors", "baseMenuSharedPropDefs", "colorPropDef", "highContrastPropDef", "baseMenuContentPropDefs", "baseMenuSubContentPropDefs", "baseMenuItemPropDefs", "asChildPropDef", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs"]
+  "sources": ["../../../../src/components/_internal/base-menu.props.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts"],
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst submenuBehaviors = ['cascade', 'drill-down'] as const;\n\n// Base props shared between Content and SubContent\nconst baseMenuSharedPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  material: {\n    type: 'enum',\n    values: materials,\n    default: undefined,\n  },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\n// Content-specific props (includes submenuBehavior)\nconst baseMenuContentPropDefs = {\n  ...baseMenuSharedPropDefs,\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior: {\n    type: 'enum',\n    values: submenuBehaviors,\n    default: 'cascade',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  submenuBehavior: PropDef<(typeof submenuBehaviors)[number]>;\n};\n\n// SubContent props (no submenuBehavior)\nconst baseMenuSubContentPropDefs = baseMenuSharedPropDefs;\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuSubContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n  submenuBehaviors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,EAAA,+BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAR,GCEA,IAAMS,EAAiB,CAKrB,QAAS,CACP,KAAM,SACR,CACF,ECPA,IAAMC,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EFRA,IAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQL,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,SAAU,CACR,KAAM,OACN,OAAQE,EACR,QAAS,MACX,EAIA,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,MACX,EACA,GAAGI,CACL,EAQMC,EAA0B,CAC9B,GAAGF,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EASMI,EAA6BH,EAE7BI,EAAuB,CAC3B,GAAGC,EACH,GAAGJ,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMK,EAA+B,CACnC,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA4B,CAChC,GAAGN,CACL",
+  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "baseMenuSubContentPropDefs", "submenuBehaviors", "__toCommonJS", "asChildPropDef", "accentColors", "colorPropDef", "accentColors", "contentSizes", "contentVariants", "panelBackgrounds", "materials", "submenuBehaviors", "baseMenuSharedPropDefs", "colorPropDef", "baseMenuContentPropDefs", "baseMenuSubContentPropDefs", "baseMenuItemPropDefs", "asChildPropDef", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs"]
 }

package/dist/cjs/components/_internal/base-menu.utils.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var Z=Object.create;var R=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(t,e)=>{for(var n in e)R(t,n,{get:e[n],enumerable:!0})},E=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of te(e))!re.call(t,o)&&o!==n&&R(t,o,{get:()=>e[o],enumerable:!(i=ee(e,o))||i.enumerable});return t};var y=(t,e,n)=>(n=t!=null?Z(ne(t)):{},E(e||!t||!t.__esModule?R(n,"default",{value:t,enumerable:!0}):n,t)),oe=t=>E(R({},"__esModule",{value:!0}),t);var ke={};se(ke,{MenuShortcut:()=>Ne,getMenuAlignOffset:()=>xe,resolveMenuMaterial:()=>he,resolveResponsiveValue:()=>X,toAriaKeyShortcuts:()=>Te,useResolvedResponsiveValue:()=>Se});module.exports=oe(ke);var w=y(require("react")),J=y(require("classnames"));var b=y(require("react")),I=y(require("classnames")),U=require("radix-ui");var O={asChild:{type:"boolean"}};var ie=["1","2","3","4","5","6","7","8","9"],pe=["classic","soft"],K={...O,size:{type:"enum",className:"rt-r-size",values:ie,responsive:!0},variant:{type:"enum",className:"rt-variant",values:pe,default:"classic"}};var L=y(require("classnames"));var ae=[],le=new Set;function ue(t){let e=Object.assign({},...t),n=[],i=[],o=new Set;for(let s in e){let p=e[s],l=p.values??ae,a={key:s,type:p.type,default:p.default,hasDefault:p.default!==void 0,responsive:"responsive"in p,className:p.className,customProperties:p.customProperties,parseValue:p.parseValue,values:l,valueSet:l.length>0?new Set(l):le,enumValueSet:p.type==="enum"?new Set([p.default,...l]):void 0};p.className?(n.push(a),o.add(s)):(a.hasDefault||p.type==="enum")&&i.push(a)}return{styling:n,passthrough:i,stylingKeys:o}}var fe={children:new WeakMap};function j(t){let e=fe;for(let n=0;n<t.length;n++){let i=t[n],o=e.children.get(i);o===void 0&&(o={children:new WeakMap},e.children.set(i,o)),e=o}return e.compiled??(e.compiled=ue(t))}var de=["initial","xs","sm","md","lg","xl"],S=new Set(de);function h(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var me=new Set(["initial","xs","sm","md","lg","xl"]);function d(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(me.has(e))return!0;return!1}function v(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function A({className:t,customProperties:e,...n}){let i=x({allowArbitraryValues:!0,className:t,...n}),o=ce({customProperties:e,...n});return[i,o]}function x({allowArbitraryValues:t,value:e,className:n,propValues:i,propValueSet:o,parseValue:s=p=>p}){if(e){if(typeof e=="string")return v(i,o,e)?z(n,e,s):t?n:void 0;if(d(e)){let p=e,l=[];for(let a in p){if(!h(p,a)||!S.has(a))continue;let r=p[a];if(r!==void 0){if(v(i,o,r)){let u=z(n,r,s),f=a==="initial"?u:`${a}:${u}`;l.push(f)}else if(t){let u=a==="initial"?n:`${a}:${n}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(t)return n}}function z(t,e,n){let i=t?"-":"",o=n(e),s=o?.startsWith("-"),p=s?"-":"",l=s?o?.substring(1):o;return`${p}${t}${i}${l}`}function ce({customProperties:t,value:e,propValues:n,propValueSet:i,parseValue:o=s=>s}){if(!e||typeof e=="string"&&v(n,i,e))return;let s;if(typeof e=="string"){let p=o(e);s={};for(let l of t)s[l]=p;return s}if(d(e)){let p=e;for(let l in p){if(!h(p,l)||!S.has(l))continue;let a=p[l];if(a===void 0||v(n,i,a))continue;let r=o(a);s??(s={});for(let u of t){let f=l==="initial"?u:`${u}-${l}`;s[f]=r}}}return s??{}}function T(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function ye(t,e){let n=t.initial,i=!1;return e.hasDefault&&n===void 0&&(n=e.default,i=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,i=!0),i?{...t,initial:n}:t}function G(t,...e){let{styling:n,passthrough:i,stylingKeys:o}=j(e),s={};for(let a in t)o.has(a)||(s[a]=t[a]);for(let a=0;a<i.length;a++){let r=i[a],u=s[r.key];if(u===void 0){r.hasDefault&&(s[r.key]=r.default);continue}r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(s[r.key]=r.default)}let p,l=[];for(let a=0;a<n.length;a++){let r=n[a],u=t[r.key];if(u===void 0&&r.hasDefault&&(u=r.default),r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(u=r.default),!!u){if(d(u)){if(!r.responsive)continue;u=ye(u,r)}if(r.type==="enum"){let f=x({allowArbitraryValues:!1,value:u,className:r.className,propValues:r.values,propValueSet:r.valueSet,parseValue:r.parseValue});f&&l.push(f);continue}if(r.type==="string"||r.type==="enum | string"){let[f,B]=A({className:r.className,customProperties:r.customProperties,propValues:r.type==="string"?[]:r.values,propValueSet:r.type==="string"?void 0:r.valueSet,parseValue:r.parseValue,value:u});B&&(p=T(p,B)),f&&l.push(f);continue}if(r.type==="boolean"){l.push(r.className);continue}}}return s.className=(0,L.default)(l.length>0?l.join(" "):void 0,t.className),s.style=T(p,t.style),s}var m=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],$={m:{type:"enum | string",values:m,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:m,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:m,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var N=b.forwardRef((t,e)=>{let{asChild:n,className:i,...o}=G(t,K,$),s=n?U.Slot.Root:"kbd";return b.createElement(s,{...o,ref:e,className:(0,I.default)("rt-reset","rt-Kbd",i)})});N.displayName="Kbd";var P=y(require("react"));var W={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var ge=Object.entries(W),k=null,g=new Set,c=null;function C(){return k??(k=ge.map(([t,e])=>[t,window.matchMedia(e)])),k}function V(){let t="initial";for(let[e,n]of C())n.matches&&(t=e);return t}function D(){let t=V();t!==c&&(c=t,g.forEach(e=>e()))}function _(t){if(typeof window>"u")return()=>{};if(g.size===0){c=V();for(let[,e]of C())typeof e.addEventListener=="function"?e.addEventListener("change",D):e.addListener?.(D)}return g.add(t),()=>{if(g.delete(t),!(g.size>0)){for(let[,e]of C())try{typeof e.removeEventListener=="function"?e.removeEventListener("change",D):e.removeListener?.(D)}catch{}c=null}}}function Pe(){return typeof window>"u"?"initial":(c??(c=V()),c)}function Re(){return"initial"}var ve=()=>!0,be=()=>!1,q=()=>()=>{},De=()=>"initial";function Q(t=!0){let e=P.useSyncExternalStore(t?_:q,t?Pe:De,Re),n=P.useSyncExternalStore(t?_:q,ve,be);return P.useMemo(()=>({breakpoint:e,ready:n}),[e,n])}var M=["xl","lg","md","sm","xs","initial"];function X(t,e,n){if(t==null)return n;if(typeof t!="object")return t;let i=t;for(let o=M.indexOf(e);o<M.length;o++){let s=i[M[o]];if(s!==void 0)return s}return n}function Se(t,e){let n=typeof t=="object"&&t!==null,{breakpoint:i}=Q(n);return X(t,i,e)}function he(t,e,n){return t??e??n.material??n.panelBackground}var Y={1:8,2:12,3:12};function xe(t,e){let n=e?parseFloat(e)/100:1,i=Y[t]??Y[2];return-Math.round(i*(Number.isFinite(n)?n:1))}var F={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},H=new Map;function Te(t){let e=H.get(t);if(e!==void 0)return e||void 0;let o=(t.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>F[s]??F[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return H.set(t,o),o||void 0}function Ne({shortcut:t,className:e}){return w.createElement("div",{"aria-hidden":!0,className:(0,J.default)("rt-BaseMenuShortcut",e)},w.createElement(N,{size:"1"},t))}
+"use strict";"use client";var Z=Object.create;var R=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(t,e)=>{for(var n in e)R(t,n,{get:e[n],enumerable:!0})},E=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of te(e))!re.call(t,o)&&o!==n&&R(t,o,{get:()=>e[o],enumerable:!(i=ee(e,o))||i.enumerable});return t};var y=(t,e,n)=>(n=t!=null?Z(ne(t)):{},E(e||!t||!t.__esModule?R(n,"default",{value:t,enumerable:!0}):n,t)),oe=t=>E(R({},"__esModule",{value:!0}),t);var ke={};se(ke,{MenuShortcut:()=>Ne,getMenuAlignOffset:()=>xe,resolveMenuMaterial:()=>he,resolveResponsiveValue:()=>X,toAriaKeyShortcuts:()=>Te,useResolvedResponsiveValue:()=>Se});module.exports=oe(ke);var B=y(require("react")),J=y(require("classnames"));var b=y(require("react")),I=y(require("classnames")),U=require("radix-ui");var O={asChild:{type:"boolean"}};var ie=["1","2","3","4","5","6","7","8","9"],pe=["classic","soft"],K={...O,size:{type:"enum",className:"rt-r-size",values:ie,responsive:!0},variant:{type:"enum",className:"rt-variant",values:pe,default:"classic"}};var L=y(require("classnames"));var ae=[],le=new Set;function ue(t){let e=Object.assign({},...t),n=[],i=[],o=new Set;for(let s in e){let p=e[s],l=p.values??ae,a={key:s,type:p.type,default:p.default,hasDefault:p.default!==void 0,responsive:"responsive"in p,className:p.className,customProperties:p.customProperties,parseValue:p.parseValue,values:l,valueSet:l.length>0?new Set(l):le,enumValueSet:p.type==="enum"?new Set([p.default,...l]):void 0};p.className?(n.push(a),o.add(s)):(a.hasDefault||p.type==="enum")&&i.push(a)}return{styling:n,passthrough:i,stylingKeys:o}}var fe={children:new WeakMap};function j(t){let e=fe;for(let n=0;n<t.length;n++){let i=t[n],o=e.children.get(i);o===void 0&&(o={children:new WeakMap},e.children.set(i,o)),e=o}return e.compiled??(e.compiled=ue(t))}var de=["initial","xs","sm","md","lg","xl"],S=new Set(de);function h(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var me=new Set(["initial","xs","sm","md","lg","xl"]);function d(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(me.has(e))return!0;return!1}function v(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function z({className:t,customProperties:e,...n}){let i=x({allowArbitraryValues:!0,className:t,...n}),o=ce({customProperties:e,...n});return[i,o]}function x({allowArbitraryValues:t,value:e,className:n,propValues:i,propValueSet:o,parseValue:s=p=>p}){if(e){if(typeof e=="string")return v(i,o,e)?A(n,e,s):t?n:void 0;if(d(e)){let p=e,l=[];for(let a in p){if(!h(p,a)||!S.has(a))continue;let r=p[a];if(r!==void 0){if(v(i,o,r)){let u=A(n,r,s),f=a==="initial"?u:`${a}:${u}`;l.push(f)}else if(t){let u=a==="initial"?n:`${a}:${n}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(t)return n}}function A(t,e,n){let i=t?"-":"",o=n(e),s=o?.startsWith("-"),p=s?"-":"",l=s?o?.substring(1):o;return`${p}${t}${i}${l}`}function ce({customProperties:t,value:e,propValues:n,propValueSet:i,parseValue:o=s=>s}){if(!e||typeof e=="string"&&v(n,i,e))return;let s;if(typeof e=="string"){let p=o(e);s={};for(let l of t)s[l]=p;return s}if(d(e)){let p=e;for(let l in p){if(!h(p,l)||!S.has(l))continue;let a=p[l];if(a===void 0||v(n,i,a))continue;let r=o(a);s??(s={});for(let u of t){let f=l==="initial"?u:`${u}-${l}`;s[f]=r}}}return s??{}}function T(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function ye(t,e){let n=t.initial,i=!1;return e.hasDefault&&n===void 0&&(n=e.default,i=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,i=!0),i?{...t,initial:n}:t}function G(t,...e){let{styling:n,passthrough:i,stylingKeys:o}=j(e),s={};for(let a in t)o.has(a)||(s[a]=t[a]);for(let a=0;a<i.length;a++){let r=i[a],u=s[r.key];if(u===void 0){r.hasDefault&&(s[r.key]=r.default);continue}r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(s[r.key]=r.default)}let p,l=[];for(let a=0;a<n.length;a++){let r=n[a],u=t[r.key];if(u===void 0&&r.hasDefault&&(u=r.default),r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(u=r.default),!!u){if(d(u)){if(!r.responsive)continue;u=ye(u,r)}if(r.type==="enum"){let f=x({allowArbitraryValues:!1,value:u,className:r.className,propValues:r.values,propValueSet:r.valueSet,parseValue:r.parseValue});f&&l.push(f);continue}if(r.type==="string"||r.type==="enum | string"){let[f,w]=z({className:r.className,customProperties:r.customProperties,propValues:r.type==="string"?[]:r.values,propValueSet:r.type==="string"?void 0:r.valueSet,parseValue:r.parseValue,value:u});w&&(p=T(p,w)),f&&l.push(f);continue}if(r.type==="boolean"){l.push(r.className);continue}}}return s.className=(0,L.default)(l.length>0?l.join(" "):void 0,t.className),s.style=T(p,t.style),s}var m=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],$={m:{type:"enum | string",values:m,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:m,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:m,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var N=b.forwardRef((t,e)=>{let{asChild:n,className:i,...o}=G(t,K,$),s=n?U.Slot.Root:"kbd";return b.createElement(s,{...o,ref:e,className:(0,I.default)("rt-reset","rt-Kbd",i)})});N.displayName="Kbd";var P=y(require("react"));var W={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var ge=Object.entries(W),k=null,g=new Set,c=null;function C(){return k??(k=ge.map(([t,e])=>[t,window.matchMedia(e)])),k}function V(){let t="initial";for(let[e,n]of C())n.matches&&(t=e);return t}function D(){let t=V();t!==c&&(c=t,g.forEach(e=>e()))}function _(t){if(typeof window>"u")return()=>{};if(g.size===0){c=V();for(let[,e]of C())typeof e.addEventListener=="function"?e.addEventListener("change",D):e.addListener?.(D)}return g.add(t),()=>{if(g.delete(t),!(g.size>0)){for(let[,e]of C())try{typeof e.removeEventListener=="function"?e.removeEventListener("change",D):e.removeListener?.(D)}catch{}c=null}}}function Pe(){return typeof window>"u"?"initial":(c??(c=V()),c)}function Re(){return"initial"}var ve=()=>!0,be=()=>!1,q=()=>()=>{},De=()=>"initial";function Q(t=!0){let e=P.useSyncExternalStore(t?_:q,t?Pe:De,Re),n=P.useSyncExternalStore(t?_:q,ve,be);return P.useMemo(()=>({breakpoint:e,ready:n}),[e,n])}var M=["xl","lg","md","sm","xs","initial"];function X(t,e,n){if(t==null)return n;if(typeof t!="object")return t;let i=t;for(let o=M.indexOf(e);o<M.length;o++){let s=i[M[o]];if(s!==void 0)return s}return n}function Se(t,e){let n=typeof t=="object"&&t!==null,{breakpoint:i}=Q(n);return X(t,i,e)}function he(t,e,n){return t??e??n.material??n.panelBackground}var Y={1:8,2:12,3:12};function xe(t,e){let n=e?parseFloat(e)/100:1,i=Y[t]??Y[2];return-Math.round(i*(Number.isFinite(n)?n:1))}var F={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},H=new Map;function Te(t){let e=H.get(t);if(e!==void 0)return e||void 0;let o=(t.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>F[s]??F[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return H.set(t,o),o||void 0}function Ne({shortcut:t,className:e}){return B.createElement("div",{"aria-hidden":!0,className:(0,J.default)("rt-BaseMenuShortcut",e)},B.createElement(N,{size:"1"},t))}
 //# sourceMappingURL=base-menu.utils.js.map