@womp/kookie-ui 0.13.3 → 0.14.0

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

@@ -1,3 +1,4 @@
+import { parseVariant } from '../../helpers/parse-variant.js';
 /**
  * Base button prop definitions that define the component's API
  *
@@ -99,8 +100,9 @@ declare const baseButtonPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "solid", "soft", "surface", "outline", "ghost", "override"];
-        default: "solid";
+        values: readonly ["raised", "solid", "soft", "surface", "outline", "ghost", "override", "classic"];
+        default: "raised";
+        parseValue: typeof parseVariant;
     };
     asChild: {
         type: "boolean";

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":"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"}
+{"version":3,"file":"base-button.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-button.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAwC9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;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 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}};
+"use strict";var s=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var c=(e,o)=>{for(var a in o)s(e,a,{get:o[a],enumerable:!0})},m=(e,o,a,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of d(o))!u.call(e,r)&&r!==a&&s(e,r,{get:()=>o[r],enumerable:!(t=f(o,r))||t.enumerable});return e};var y=e=>m(s({},"__esModule",{value:!0}),e);var w={};c(w,{baseButtonPropDefs:()=>h});module.exports=y(w);function n(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var l={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 i={color:{type:"enum",values:b,default:""}};var D=["none","small","medium","large","full"],p={radius:{type:"enum",values:D,default:void 0}};var P=["1","2","3","4"],v=["raised","solid","soft","surface","outline","ghost","override","classic"],g=["solid","translucent"],C=["solid","translucent"],h={...l,size:{type:"enum",className:"rt-r-size",values:P,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"raised",parseValue:n},...i,...p,loading:{type:"boolean",className:"rt-loading",default:!1},fullWidth:{type:"boolean",className:"rt-full-width",default:!1},material:{type:"enum",values:C,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/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"]
+  "sources": ["../../../../src/components/_internal/base-button.props.ts", "../../../../src/helpers/parse-variant.ts", "../../../../src/props/as-child.prop.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/radius.prop.ts"],
+  "sourcesContent": ["import { parseVariant } from '../../helpers/parse-variant.js';\nimport { 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 * - raised: lifted off its ground, with an edge and a shadow (the default)\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 = ['raised', 'solid', 'soft', 'surface', 'outline', 'ghost', 'override', 'classic'] 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: 'raised', parseValue: parseVariant },\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 { warnDeprecated } from './warn-deprecated.js';\n\n/**\n * `classic` was renamed `raised` in 0.14.0. The old name still renders, as `raised`, with a\n * one-time warning in development. Button's `override` is not a look but a way out of the\n * styles, so it warns too. Both are removed in 0.15.0.\n */\nfunction parseVariant(value: string): string {\n  if (value === 'classic') {\n    warnDeprecated('`variant=\"classic\"` is deprecated and will be removed in 0.15.0. Use `variant=\"raised\"`.');\n    return 'raised';\n  }\n  if (value === 'override') {\n    warnDeprecated(\n      '`variant=\"override\"` is deprecated and will be removed in 0.15.0. Style the component with `className`, `style` or its CSS variables instead.',\n    );\n  }\n  return value;\n}\n\nexport { parseVariant };\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\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\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,GCOA,SAASI,EAAaC,EAAuB,CAC3C,OAAIA,IAAU,UAEL,UAELA,IAAU,YACZ,OAIKA,EACT,CChBA,IAAMC,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,EJIA,IAAME,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAW3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,QAAS,WAAY,SAAS,EAM3FC,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,SAAU,WAAYK,CAAa,EAChH,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", "parseVariant", "value", "asChildPropDef", "accentColors", "accentColorPropDef", "accentColors", "radii", "radiusPropDef", "sizes", "variants", "panelBackgrounds", "materials", "baseButtonPropDefs", "asChildPropDef", "parseVariant", "accentColorPropDef", "radiusPropDef"]
 }

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

@@ -1,3 +1,4 @@
+import { parseVariant } from '../../helpers/parse-variant.js';
 declare const baseCheckboxPropDefs: {
     color: {
         type: "enum";
@@ -14,8 +15,9 @@ declare const baseCheckboxPropDefs: {
     variant: {
         type: "enum";
         className: string;
-        values: readonly ["classic", "solid", "soft", "outline", "surface"];
-        default: "solid";
+        values: readonly ["raised", "solid", "soft", "outline", "surface", "classic"];
+        default: "raised";
+        parseValue: typeof parseVariant;
     };
     material: {
         type: "enum";

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":"AAQA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;CASzB,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":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAS9D,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 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};
+"use strict";var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var f=(e,r)=>{for(var s in r)a(e,s,{get:r[s],enumerable:!0})},u=(e,r,s,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of c(r))!p.call(e,o)&&o!==s&&a(e,o,{get:()=>r[o],enumerable:!(t=l(r,o))||t.enumerable});return e};var m=e=>u(a({},"__esModule",{value:!0}),e);var g={};f(g,{baseCheckboxPropDefs:()=>D});module.exports=m(g);function n(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}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 i={color:{type:"enum",values:d,default:void 0}};var y=["1","2","3","4","5","6","7","8","9","10","11","12"],v=["raised","solid","soft","outline","surface","classic"],b=["solid","translucent"],D={size:{type:"enum",className:"rt-r-size",values:y,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:v,default:"raised",parseValue:n},material:{type:"enum",values:b,default:void 0},...i};
 //# 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"],
-  "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"]
+  "sources": ["../../../../src/components/_internal/base-checkbox.props.ts", "../../../../src/helpers/parse-variant.ts", "../../../../src/props/color.prop.ts"],
+  "sourcesContent": ["import { parseVariant } from '../../helpers/parse-variant.js';\nimport { 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 = ['raised', 'solid', 'soft', 'outline', 'surface', 'classic'] 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: 'raised', parseValue: parseVariant },\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 { warnDeprecated } from './warn-deprecated.js';\n\n/**\n * `classic` was renamed `raised` in 0.14.0. The old name still renders, as `raised`, with a\n * one-time warning in development. Button's `override` is not a look but a way out of the\n * styles, so it warns too. Both are removed in 0.15.0.\n */\nfunction parseVariant(value: string): string {\n  if (value === 'classic') {\n    warnDeprecated('`variant=\"classic\"` is deprecated and will be removed in 0.15.0. Use `variant=\"raised\"`.');\n    return 'raised';\n  }\n  if (value === 'override') {\n    warnDeprecated(\n      '`variant=\"override\"` is deprecated and will be removed in 0.15.0. Style the component with `className`, `style` or its CSS variables instead.',\n    );\n  }\n  return value;\n}\n\nexport { parseVariant };\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\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,0BAAAE,IAAA,eAAAC,EAAAH,GCOA,SAASI,EAAaC,EAAuB,CAC3C,OAAIA,IAAU,UAEL,UAELA,IAAU,YACZ,OAIKA,EACT,CCfA,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,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,UAAW,SAAS,EACtEC,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,SAAU,WAAYG,CAAa,EAChH,SAAU,CAAE,KAAM,OAAQ,OAAQF,EAAW,QAAS,MAAU,EAChE,GAAGG,CACL",
+  "names": ["base_checkbox_props_exports", "__export", "baseCheckboxPropDefs", "__toCommonJS", "parseVariant", "value", "accentColors", "colorPropDef", "accentColors", "sizes", "variants", "materials", "baseCheckboxPropDefs", "parseVariant", "colorPropDef"]
 }

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

@@ -28,7 +28,7 @@ declare const baseMenuContentPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["solid", "soft"];
-        default: "solid";
+        default: "soft";
     };
     material: {
         type: "enum";
@@ -61,7 +61,7 @@ declare const baseMenuSubContentPropDefs: {
         type: "enum";
         className: string;
         values: readonly ["solid", "soft"];
-        default: "solid";
+        default: "soft";
     };
     material: {
         type: "enum";

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

@@ -1,2 +1,2 @@
-"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};
+"use strict";var r=Object.defineProperty;var i=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=i(e,s))||a.enumerable});return o};var y=o=>d(r({},"__esModule",{value:!0}),o);var M={};m(M,{baseMenuCheckboxItemPropDefs:()=>k,baseMenuContentPropDefs:()=>C,baseMenuItemPropDefs:()=>B,baseMenuRadioItemPropDefs:()=>z,baseMenuSubContentPropDefs:()=>h,submenuBehaviors:()=>u});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"],g=["solid","translucent"],v=["solid","translucent"],u=["cascade","drill-down"],f={size:{type:"enum",className:"rt-r-size",values:D,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:P,default:"soft"},material:{type:"enum",values:v,default:void 0},panelBackground:{type:"enum",values:g,default:void 0},...t},C={...f,submenuBehavior:{type:"enum",values:u,default:"cascade",responsive:!0}},h=f,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"],
-  "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",
+  "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: 'soft',\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\n// For components whose colour comes from their content (Badge, Avatar, Code, Callout,\n// UserCard): they rest gray, and `color` picks a category when it means something.\nconst grayAccentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: 'gray' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  grayAccentColorPropDef,\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,MACX,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 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))}
+"use strict";"use client";var ee=Object.create;var R=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var re=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var oe=(e,t)=>{for(var n in t)R(e,n,{get:t[n],enumerable:!0})},E=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of ne(t))!se.call(e,o)&&o!==n&&R(e,o,{get:()=>t[o],enumerable:!(i=te(t,o))||i.enumerable});return e};var y=(e,t,n)=>(n=e!=null?ee(re(e)):{},E(t||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e)),ie=e=>E(R({},"__esModule",{value:!0}),e);var Ce={};oe(Ce,{MenuShortcut:()=>ke,getMenuAlignOffset:()=>Te,resolveMenuMaterial:()=>xe,resolveResponsiveValue:()=>Z,toAriaKeyShortcuts:()=>Ne,useResolvedResponsiveValue:()=>he});module.exports=ie(Ce);var w=y(require("react")),X=y(require("classnames"));var b=y(require("react")),U=y(require("classnames")),W=require("radix-ui");function O(e){return e==="classic"?"raised":(e==="override"&&void 0,e)}var K={asChild:{type:"boolean"}};var ae=["1","2","3","4","5","6","7","8","9"],pe=["raised","soft","classic"],j={...K,size:{type:"enum",className:"rt-r-size",values:ae,responsive:!0},variant:{type:"enum",className:"rt-variant",values:pe,default:"raised",parseValue:O}};var G=y(require("classnames"));var le=[],ue=new Set;function fe(e){let t=Object.assign({},...e),n=[],i=[],o=new Set;for(let s in t){let a=t[s],l=a.values??le,p={key:s,type:a.type,default:a.default,hasDefault:a.default!==void 0,responsive:"responsive"in a,className:a.className,customProperties:a.customProperties,parseValue:a.parseValue,values:l,valueSet:l.length>0?new Set(l):ue,enumValueSet:a.type==="enum"?new Set([a.default,...l]):void 0};a.className?(n.push(p),o.add(s)):(p.hasDefault||a.type==="enum")&&i.push(p)}return{styling:n,passthrough:i,stylingKeys:o}}var de={children:new WeakMap};function A(e){let t=de;for(let n=0;n<e.length;n++){let i=e[n],o=t.children.get(i);o===void 0&&(o={children:new WeakMap},t.children.set(i,o)),t=o}return t.compiled??(t.compiled=fe(e))}var me=["initial","xs","sm","md","lg","xl"],D=new Set(me);function h(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var ce=new Set(["initial","xs","sm","md","lg","xl"]);function d(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(ce.has(t))return!0;return!1}function v(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function L({className:e,customProperties:t,...n}){let i=x({allowArbitraryValues:!0,className:e,...n}),o=ye({customProperties:t,...n});return[i,o]}function x({allowArbitraryValues:e,value:t,className:n,propValues:i,propValueSet:o,parseValue:s=a=>a}){if(t){if(typeof t=="string")return v(i,o,t)?z(n,t,s):e?n:void 0;if(d(t)){let a=t,l=[];for(let p in a){if(!h(a,p)||!D.has(p))continue;let r=a[p];if(r!==void 0){if(v(i,o,r)){let u=z(n,r,s),f=p==="initial"?u:`${p}:${u}`;l.push(f)}else if(e){let u=p==="initial"?n:`${p}:${n}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(e)return n}}function z(e,t,n){let i=e?"-":"",o=n(t),s=o?.startsWith("-"),a=s?"-":"",l=s?o?.substring(1):o;return`${a}${e}${i}${l}`}function ye({customProperties:e,value:t,propValues:n,propValueSet:i,parseValue:o=s=>s}){if(!t||typeof t=="string"&&v(n,i,t))return;let s;if(typeof t=="string"){let a=o(t);s={};for(let l of e)s[l]=a;return s}if(d(t)){let a=t;for(let l in a){if(!h(a,l)||!D.has(l))continue;let p=a[l];if(p===void 0||v(n,i,p))continue;let r=o(p);s??(s={});for(let u of e){let f=l==="initial"?u:`${u}-${l}`;s[f]=r}}}return s??{}}function T(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}function ge(e,t){let n=e.initial,i=!1;return t.hasDefault&&n===void 0&&(n=t.default,i=!0),t.enumValueSet!==void 0&&!t.enumValueSet.has(n)&&(n=t.default,i=!0),i?{...e,initial:n}:e}function $(e,...t){let{styling:n,passthrough:i,stylingKeys:o}=A(t),s={};for(let p in e)o.has(p)||(s[p]=e[p]);for(let p=0;p<i.length;p++){let r=i[p],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 a,l=[];for(let p=0;p<n.length;p++){let r=n[p],u=e[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=ge(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]=L({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&&(a=T(a,B)),f&&l.push(f);continue}if(r.type==="boolean"){l.push(r.className);continue}}}return s.className=(0,G.default)(l.length>0?l.join(" "):void 0,e.className),s.style=T(a,e.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"],I={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((e,t)=>{let{asChild:n,className:i,...o}=$(e,j,I),s=n?W.Slot.Root:"kbd";return b.createElement(s,{...o,ref:t,className:(0,U.default)("rt-reset","rt-Kbd",i)})});N.displayName="Kbd";var P=y(require("react"));var _={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var Pe=Object.entries(_),k=null,g=new Set,c=null;function C(){return k??(k=Pe.map(([e,t])=>[e,window.matchMedia(t)])),k}function V(){let e="initial";for(let[t,n]of C())n.matches&&(e=t);return e}function S(){let e=V();e!==c&&(c=e,g.forEach(t=>t()))}function q(e){if(typeof window>"u")return()=>{};if(g.size===0){c=V();for(let[,t]of C())typeof t.addEventListener=="function"?t.addEventListener("change",S):t.addListener?.(S)}return g.add(e),()=>{if(g.delete(e),!(g.size>0)){for(let[,t]of C())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",S):t.removeListener?.(S)}catch{}c=null}}}function Re(){return typeof window>"u"?"initial":(c??(c=V()),c)}function ve(){return"initial"}var be=()=>!0,Se=()=>!1,Q=()=>()=>{},De=()=>"initial";function Y(e=!0){let t=P.useSyncExternalStore(e?q:Q,e?Re:De,ve),n=P.useSyncExternalStore(e?q:Q,be,Se);return P.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var M=["xl","lg","md","sm","xs","initial"];function Z(e,t,n){if(e==null)return n;if(typeof e!="object")return e;let i=e;for(let o=M.indexOf(t);o<M.length;o++){let s=i[M[o]];if(s!==void 0)return s}return n}function he(e,t){let n=typeof e=="object"&&e!==null,{breakpoint:i}=Y(n);return Z(e,i,t)}function xe(e,t,n){return e??t??n.material??n.panelBackground}var F={1:8,2:12,3:12};function Te(e,t){let n=t?parseFloat(t)/100:1,i=F[e]??F[2];return-Math.round(i*(Number.isFinite(n)?n:1))}var H={"\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"},J=new Map;function Ne(e){let t=J.get(e);if(t!==void 0)return t||void 0;let o=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>H[s]??H[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return J.set(e,o),o||void 0}function ke({shortcut:e,className:t}){return w.createElement("div",{"aria-hidden":!0,className:(0,X.default)("rt-BaseMenuShortcut",t)},w.createElement(N,{size:"1"},e))}
 //# sourceMappingURL=base-menu.utils.js.map