@mastra/playground-ui 56.0.0-alpha.8 → 56.0.0

package/dist/components/Composer.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const composer = require('../composer-C6kIcVEJ.cjs');
+const composer = require('../composer-BUoRnMDd.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const collapsible = require('@base-ui/react/collapsible');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const scrollArea = require('../scroll-area-l6Yx-88I.cjs');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const scrollArea = require('../scroll-area-Qjf7e0Ik.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 const keyboard_useKeydown = require('../keyboard/use-keydown.cjs.js');
 
 function ComposerSuggestions({
@@ -25,12 +25,12 @@ function ComposerSuggestions({
   React.useEffect(() => {
     activeOption.current?.scrollIntoView({ block: "nearest" });
   }, [activeItemId]);
-  return /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Panel, { className: "duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border1/60 border-b", role: "region", "aria-label": label, children: [
-    contextLabel && onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border1/60 border-b px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsxRuntime.jsx(collapsible.Collapsible.Panel, { className: "duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/60 border-b", role: "region", "aria-label": label, children: [
+    contextLabel && onBack && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-border/60 border-b px-1.5 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        className: "text-icon3 hover:text-icon6 text-ui-sm duration-normal ease-out-custom hover:bg-neutral6/5 flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none",
+        className: "text-muted-foreground hover:text-foreground text-caption duration-normal ease-out-custom hover:bg-fill-subtle flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none",
         "aria-label": "Back to slash commands",
         onMouseDown: (event) => event.preventDefault(),
         onClick: onBack,
@@ -51,8 +51,8 @@ function ComposerSuggestions({
         "aria-selected": index === activeIndex,
         "aria-current": item.active ? "true" : void 0,
         className: utils_cn.cn(
-          "flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-ui-sm transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
-          index === activeIndex ? "text-icon6 bg-neutral6/5" : "text-icon3 hover:text-icon6 hover:bg-neutral6/5"
+          "flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
+          index === activeIndex ? "text-foreground bg-fill-subtle" : "text-muted-foreground hover:text-foreground hover:bg-fill-subtle"
         ),
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => onSelect(index),

package/dist/components/Composer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-border1/60 border-b\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-border1/60 border-b px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"text-icon3 hover:text-icon6 text-ui-sm duration-normal ease-out-custom hover:bg-neutral6/5 flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\" viewPortClassName=\"overscroll-contain\">\n            <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n              {items.map((item, index) => (\n                <button\n                  ref={index === activeIndex ? activeOption : undefined}\n                  id={item.id}\n                  key={item.id}\n                  type=\"button\"\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={index === activeIndex}\n                  aria-current={item.active ? 'true' : undefined}\n                  className={cn(\n                    'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-ui-sm transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                    index === activeIndex\n                      ? 'text-icon6 bg-neutral6/5'\n                      : 'text-icon3 hover:text-icon6 hover:bg-neutral6/5',\n                  )}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => onSelect(index)}\n                >\n                  <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                    {item.label}\n                  </span>\n                  {(item.description || item.active) && (\n                    <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                      {item.description && (\n                        <span className=\"truncate\" title={item.description}>\n                          {item.description}\n                        </span>\n                      )}\n                      {item.active && (\n                        <span className=\"flex shrink-0 items-center gap-1\">\n                          <Check size={13} aria-hidden />\n                          Current\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":["useRef","useEffect","jsx","Collapsible","jsxs","ArrowLeft","ScrollArea","cn","Check","useId","useState","useKeydown"],"mappings":"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"}
+{"version":3,"file":"Composer.cjs.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-border/60 border-b\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-border/60 border-b px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"text-muted-foreground hover:text-foreground text-caption duration-normal ease-out-custom hover:bg-fill-subtle flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\" viewPortClassName=\"overscroll-contain\">\n            <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n              {items.map((item, index) => (\n                <button\n                  ref={index === activeIndex ? activeOption : undefined}\n                  id={item.id}\n                  key={item.id}\n                  type=\"button\"\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={index === activeIndex}\n                  aria-current={item.active ? 'true' : undefined}\n                  className={cn(\n                    'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                    index === activeIndex\n                      ? 'text-foreground bg-fill-subtle'\n                      : 'text-muted-foreground hover:text-foreground hover:bg-fill-subtle',\n                  )}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => onSelect(index)}\n                >\n                  <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                    {item.label}\n                  </span>\n                  {(item.description || item.active) && (\n                    <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                      {item.description && (\n                        <span className=\"truncate\" title={item.description}>\n                          {item.description}\n                        </span>\n                      )}\n                      {item.active && (\n                        <span className=\"flex shrink-0 items-center gap-1\">\n                          <Check size={13} aria-hidden />\n                          Current\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":["useRef","useEffect","jsx","Collapsible","jsxs","ArrowLeft","ScrollArea","cn","Check","useId","useState","useKeydown"],"mappings":"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"}

package/dist/components/Composer.es.js

@@ -1,10 +1,10 @@
-export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-Dz769593.js';
+export { a as Composer, b as ComposerActions, C as ComposerAttachments, c as ComposerBox, d as ComposerInput, e as ComposerRing, f as ComposerToneLabel } from '../composer-CEL1glw7.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Collapsible } from '@base-ui/react/collapsible';
 import { ArrowLeft, Check } from 'lucide-react';
 import { useRef, useEffect, useId, useState } from 'react';
-import { S as ScrollArea } from '../scroll-area-ByrWkkO_.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { S as ScrollArea } from '../scroll-area-CdQ_5bLm.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 import { useKeydown } from '../keyboard/use-keydown.es.js';
 
 function ComposerSuggestions({
@@ -21,12 +21,12 @@ function ComposerSuggestions({
   useEffect(() => {
     activeOption.current?.scrollIntoView({ block: "nearest" });
   }, [activeItemId]);
-  return /* @__PURE__ */ jsx(Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsx(Collapsible.Panel, { className: "duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxs("div", { className: "border-border1/60 border-b", role: "region", "aria-label": label, children: [
-    contextLabel && onBack && /* @__PURE__ */ jsx("div", { className: "border-border1/60 border-b px-1.5 py-1", children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(Collapsible.Root, { open: items.length > 0, children: /* @__PURE__ */ jsx(Collapsible.Panel, { className: "duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none", children: /* @__PURE__ */ jsxs("div", { className: "border-border/60 border-b", role: "region", "aria-label": label, children: [
+    contextLabel && onBack && /* @__PURE__ */ jsx("div", { className: "border-border/60 border-b px-1.5 py-1", children: /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        className: "text-icon3 hover:text-icon6 text-ui-sm duration-normal ease-out-custom hover:bg-neutral6/5 flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none",
+        className: "text-muted-foreground hover:text-foreground text-caption duration-normal ease-out-custom hover:bg-fill-subtle flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none",
         "aria-label": "Back to slash commands",
         onMouseDown: (event) => event.preventDefault(),
         onClick: onBack,
@@ -47,8 +47,8 @@ function ComposerSuggestions({
         "aria-selected": index === activeIndex,
         "aria-current": item.active ? "true" : void 0,
         className: cn(
-          "flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-ui-sm transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
-          index === activeIndex ? "text-icon6 bg-neutral6/5" : "text-icon3 hover:text-icon6 hover:bg-neutral6/5"
+          "flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
+          index === activeIndex ? "text-foreground bg-fill-subtle" : "text-muted-foreground hover:text-foreground hover:bg-fill-subtle"
         ),
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => onSelect(index),

package/dist/components/Composer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-border1/60 border-b\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-border1/60 border-b px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"text-icon3 hover:text-icon6 text-ui-sm duration-normal ease-out-custom hover:bg-neutral6/5 flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\" viewPortClassName=\"overscroll-contain\">\n            <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n              {items.map((item, index) => (\n                <button\n                  ref={index === activeIndex ? activeOption : undefined}\n                  id={item.id}\n                  key={item.id}\n                  type=\"button\"\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={index === activeIndex}\n                  aria-current={item.active ? 'true' : undefined}\n                  className={cn(\n                    'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-ui-sm transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                    index === activeIndex\n                      ? 'text-icon6 bg-neutral6/5'\n                      : 'text-icon3 hover:text-icon6 hover:bg-neutral6/5',\n                  )}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => onSelect(index)}\n                >\n                  <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                    {item.label}\n                  </span>\n                  {(item.description || item.active) && (\n                    <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                      {item.description && (\n                        <span className=\"truncate\" title={item.description}>\n                          {item.description}\n                        </span>\n                      )}\n                      {item.active && (\n                        <span className=\"flex shrink-0 items-center gap-1\">\n                          <Check size={13} aria-hidden />\n                          Current\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Composer.es.js","sources":["../../src/ds/components/Composer/commands/composer-suggestions.tsx","../../src/ds/components/Composer/commands/command-matches.ts","../../src/ds/components/Composer/commands/use-composer-commands.ts"],"sourcesContent":["import { Collapsible } from '@base-ui/react/collapsible';\nimport { ArrowLeft, Check } from 'lucide-react';\nimport { useEffect, useRef } from 'react';\nimport { ScrollArea } from '../../ScrollArea';\nimport { cn } from '@/lib/utils';\n\nexport interface ComposerSuggestionItem {\n  id: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerSuggestionsProps {\n  id: string;\n  items: readonly ComposerSuggestionItem[];\n  activeIndex: number;\n  contextLabel?: string;\n  onBack?: () => void;\n  onSelect: (index: number) => void;\n}\n\nexport function ComposerSuggestions({\n  id,\n  items,\n  activeIndex,\n  contextLabel,\n  onBack,\n  onSelect,\n}: ComposerSuggestionsProps) {\n  const activeOption = useRef<HTMLButtonElement>(null);\n  const activeItemId = items[activeIndex]?.id;\n  const label = contextLabel ? `${contextLabel} options` : 'Slash commands';\n\n  useEffect(() => {\n    activeOption.current?.scrollIntoView({ block: 'nearest' });\n  }, [activeItemId]);\n\n  return (\n    <Collapsible.Root open={items.length > 0}>\n      <Collapsible.Panel className=\"duration-normal ease-out-custom h-[var(--collapsible-panel-height)] overflow-hidden transition-[height] data-[ending-style]:h-0 data-[starting-style]:h-0 motion-reduce:transition-none\">\n        <div className=\"border-border/60 border-b\" role=\"region\" aria-label={label}>\n          {contextLabel && onBack && (\n            <div className=\"border-border/60 border-b px-1.5 py-1\">\n              <button\n                type=\"button\"\n                className=\"text-muted-foreground hover:text-foreground text-caption duration-normal ease-out-custom hover:bg-fill-subtle flex items-center gap-1.5 rounded-xl px-2 py-1.5 transition-colors motion-reduce:transition-none\"\n                aria-label=\"Back to slash commands\"\n                onMouseDown={event => event.preventDefault()}\n                onClick={onBack}\n              >\n                <ArrowLeft size={14} aria-hidden />\n                <span>{contextLabel}</span>\n              </button>\n            </div>\n          )}\n          <ScrollArea maxHeight=\"min(22rem, 50dvh)\" viewPortClassName=\"overscroll-contain\">\n            <div id={id} role=\"listbox\" aria-label={label} className=\"flex flex-col gap-px p-1.5\">\n              {items.map((item, index) => (\n                <button\n                  ref={index === activeIndex ? activeOption : undefined}\n                  id={item.id}\n                  key={item.id}\n                  type=\"button\"\n                  role=\"option\"\n                  tabIndex={-1}\n                  aria-selected={index === activeIndex}\n                  aria-current={item.active ? 'true' : undefined}\n                  className={cn(\n                    'flex w-full cursor-pointer items-center justify-between gap-4 rounded-2xl px-2 py-1.5 text-left text-caption transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n                    index === activeIndex\n                      ? 'text-foreground bg-fill-subtle'\n                      : 'text-muted-foreground hover:text-foreground hover:bg-fill-subtle',\n                  )}\n                  onMouseDown={event => event.preventDefault()}\n                  onClick={() => onSelect(index)}\n                >\n                  <span className=\"max-w-[60%] min-w-0 shrink-0 truncate\" title={item.label}>\n                    {item.label}\n                  </span>\n                  {(item.description || item.active) && (\n                    <span className=\"flex min-w-0 items-center gap-1.5 text-right\">\n                      {item.description && (\n                        <span className=\"truncate\" title={item.description}>\n                          {item.description}\n                        </span>\n                      )}\n                      {item.active && (\n                        <span className=\"flex shrink-0 items-center gap-1\">\n                          <Check size={13} aria-hidden />\n                          Current\n                        </span>\n                      )}\n                    </span>\n                  )}\n                </button>\n              ))}\n            </div>\n          </ScrollArea>\n        </div>\n      </Collapsible.Panel>\n    </Collapsible.Root>\n  );\n}\n","export interface ComposerCommandOption {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n}\n\nexport interface ComposerCommand {\n  name: string;\n  description: string;\n  options?: readonly ComposerCommandOption[];\n}\n\nexport function matchCommands<T extends Pick<ComposerCommand, 'name'>>(commands: readonly T[], draft: string): T[] {\n  if (!draft.startsWith('/')) return [];\n  const query = draft.slice(1).toLowerCase();\n  if (/\\s/.test(query)) return [];\n  return commands.filter(command => command.name.toLowerCase().startsWith(query));\n}\n\nexport function matchCommandOptions<T extends ComposerCommand>(commands: readonly T[], draft: string) {\n  if (!draft.startsWith('/')) return undefined;\n  const firstWhitespace = draft.search(/\\s/);\n  if (firstWhitespace === -1) return undefined;\n  const command = commands.find(candidate => candidate.name === draft.slice(1, firstWhitespace));\n  if (!command?.options) return undefined;\n  const query = draft.slice(firstWhitespace).trim().toLowerCase();\n  if (/\\s/.test(query)) return undefined;\n  const options = command.options.filter(option => option.value.toLowerCase().startsWith(query));\n  return options.length > 0 ? { command, options } : undefined;\n}\n","import type { ChangeEvent, ComponentPropsWithoutRef, RefObject } from 'react';\nimport { useId, useState } from 'react';\nimport type { ComposerCommand, ComposerCommandOption } from './command-matches';\nimport { matchCommandOptions, matchCommands } from './command-matches';\nimport type { ComposerSuggestionItem, ComposerSuggestionsProps } from './composer-suggestions';\nimport { useKeydown } from '@/lib/keyboard/use-keydown';\n\nfunction createSuggestionItems(\n  listId: string,\n  commands: readonly ComposerCommand[],\n  options?: readonly ComposerCommandOption[],\n): ComposerSuggestionItem[] {\n  if (options)\n    return options.map(option => ({ ...option, id: `${listId}-option-${encodeURIComponent(option.value)}` }));\n  return commands.map(command => ({\n    id: `${listId}-command-${encodeURIComponent(command.name)}`,\n    label: `/${command.name}`,\n    description: command.description,\n  }));\n}\n\nexport interface UseComposerCommandsProps {\n  commands: readonly ComposerCommand[];\n  value: string;\n  onValueChange: (value: string) => void;\n  onSubmit: (value: string) => void;\n  inputRef: RefObject<HTMLTextAreaElement | null>;\n  enabled?: boolean;\n}\n\nexport function useComposerCommands({\n  commands,\n  value,\n  onValueChange,\n  onSubmit,\n  inputRef,\n  enabled = true,\n}: UseComposerCommandsProps) {\n  const listId = useId();\n  const [navigation, setNavigation] = useState({ value: '', index: 0 });\n  const optionMatch = enabled ? matchCommandOptions(commands, value) : undefined;\n  const matchingCommands = enabled && !optionMatch ? matchCommands(commands, value) : [];\n  const items = createSuggestionItems(listId, matchingCommands, optionMatch?.options);\n  const boundedIndex = Math.min(navigation.index, Math.max(0, items.length - 1));\n  const activeIndex = navigation.value === value ? boundedIndex : 0;\n\n  function updateValue(nextValue: string) {\n    setNavigation({ value: nextValue, index: 0 });\n    onValueChange(nextValue);\n  }\n\n  function returnToCommands() {\n    updateValue(optionMatch ? `/${optionMatch.command.name}` : '');\n    inputRef.current?.focus();\n  }\n\n  function selectSuggestion(index: number) {\n    inputRef.current?.focus();\n    if (optionMatch) {\n      const option = optionMatch.options[index];\n      if (option) onSubmit(`/${optionMatch.command.name} ${option.value}`);\n      return;\n    }\n    const command = matchingCommands[index];\n    if (command) updateValue(`/${command.name} `);\n  }\n\n  function moveSelection(direction: number) {\n    setNavigation({ value, index: (activeIndex + direction + items.length) % items.length });\n  }\n\n  function shouldHandleCommandKey(event: KeyboardEvent) {\n    const command = matchingCommands[activeIndex];\n    const submitExactCommand =\n      matchingCommands.length === 1 && value.toLowerCase() === `/${command?.name}` && !command?.options?.length;\n    return event.key !== 'Enter' || !submitExactCommand;\n  }\n\n  useKeydown(\n    {\n      ArrowDown: () => moveSelection(1),\n      ArrowUp: () => moveSelection(-1),\n      Escape: returnToCommands,\n      Tab: () => selectSuggestion(activeIndex),\n      Enter: () => selectSuggestion(activeIndex),\n    },\n    {\n      target: inputRef,\n      enabled: items.length > 0,\n      shouldHandle: shouldHandleCommandKey,\n    },\n  );\n\n  const inputProps = {\n    value,\n    onChange: (event: ChangeEvent<HTMLTextAreaElement>) => updateValue(event.target.value),\n    'aria-autocomplete': 'list',\n    'aria-controls': items.length > 0 ? listId : undefined,\n    'aria-activedescendant': items[activeIndex]?.id,\n  } satisfies ComponentPropsWithoutRef<'textarea'>;\n\n  const suggestionsProps: ComposerSuggestionsProps = {\n    id: listId,\n    items,\n    activeIndex,\n    contextLabel: optionMatch ? `/${optionMatch.command.name}` : undefined,\n    onBack: optionMatch ? returnToCommands : undefined,\n    onSelect: selectSuggestion,\n  };\n\n  return { inputProps, suggestionsProps };\n}\n"],"names":[],"mappings":";;;;;;;;;AAsBO,SAAS,mBAAA,CAAoB;AAAA,EAClC,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAA6B;AAC3B,EAAA,MAAM,YAAA,GAAe,OAA0B,IAAI,CAAA;AACnD,EAAA,MAAM,YAAA,GAAe,KAAA,CAAM,WAAW,CAAA,EAAG,EAAA;AACzC,EAAA,MAAM,KAAA,GAAQ,YAAA,GAAe,CAAA,EAAG,YAAY,CAAA,QAAA,CAAA,GAAa,gBAAA;AAEzD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,OAAA,EAAS,cAAA,CAAe,EAAE,KAAA,EAAO,WAAW,CAAA;AAAA,EAC3D,CAAA,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EAAA,uBACE,GAAA,CAAC,YAAY,IAAA,EAAZ,EAAiB,MAAM,KAAA,CAAM,MAAA,GAAS,GACrC,QAAA,kBAAA,GAAA,CAAC,WAAA,CAAY,OAAZ,EAAkB,SAAA,EAAU,2LAC3B,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,2BAAA,EAA4B,IAAA,EAAK,QAAA,EAAS,YAAA,EAAY,KAAA,EAClE,QAAA,EAAA;AAAA,IAAA,YAAA,IAAgB,MAAA,oBACf,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uCAAA,EACb,QAAA,kBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,SAAA,EAAU,gNAAA;AAAA,QACV,YAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,EAAe;AAAA,QAC3C,OAAA,EAAS,MAAA;AAAA,QAET,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,0BACjC,GAAA,CAAC,UAAM,QAAA,EAAA,YAAA,EAAa;AAAA;AAAA;AAAA,KACtB,EACF,CAAA;AAAA,wBAED,UAAA,EAAA,EAAW,SAAA,EAAU,qBAAoB,iBAAA,EAAkB,oBAAA,EAC1D,8BAAC,KAAA,EAAA,EAAI,EAAA,EAAQ,MAAK,SAAA,EAAU,YAAA,EAAY,OAAO,SAAA,EAAU,4BAAA,EACtD,gBAAM,GAAA,CAAI,CAAC,MAAM,KAAA,qBAChB,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,KAAA,KAAU,WAAA,GAAc,YAAA,GAAe,MAAA;AAAA,QAC5C,IAAI,IAAA,CAAK,EAAA;AAAA,QAET,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,QAAA,EAAU,EAAA;AAAA,QACV,iBAAe,KAAA,KAAU,WAAA;AAAA,QACzB,cAAA,EAAc,IAAA,CAAK,MAAA,GAAS,MAAA,GAAS,MAAA;AAAA,QACrC,SAAA,EAAW,EAAA;AAAA,UACT,8LAAA;AAAA,UACA,KAAA,KAAU,cACN,gCAAA,GACA;AAAA,SACN;AAAA,QACA,WAAA,EAAa,CAAA,KAAA,KAAS,KAAA,CAAM,cAAA,EAAe;AAAA,QAC3C,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAE7B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,UAAK,SAAA,EAAU,uCAAA,EAAwC,OAAO,IAAA,CAAK,KAAA,EACjE,eAAK,KAAA,EACR,CAAA;AAAA,UAAA,CACE,KAAK,WAAA,IAAe,IAAA,CAAK,2BACzB,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,8CAAA,EACb,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,WAAA,wBACH,MAAA,EAAA,EAAK,SAAA,EAAU,YAAW,KAAA,EAAO,IAAA,CAAK,WAAA,EACpC,QAAA,EAAA,IAAA,CAAK,WAAA,EACR,CAAA;AAAA,YAED,IAAA,CAAK,MAAA,oBACJ,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,kCAAA,EACd,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,IAAA,EAAM,EAAA,EAAI,aAAA,EAAW,IAAA,EAAC,CAAA;AAAA,cAAE;AAAA,aAAA,EAEjC;AAAA,WAAA,EAEJ;AAAA;AAAA,OAAA;AAAA,MA/BG,IAAA,CAAK;AAAA,KAkCb,GACH,CAAA,EACF;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ;;AC1FO,SAAS,aAAA,CAAuD,UAAwB,KAAA,EAAoB;AACjH,EAAA,IAAI,CAAC,KAAA,CAAM,UAAA,CAAW,GAAG,CAAA,SAAU,EAAC;AACpC,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,KAAA,CAAM,CAAC,EAAE,WAAA,EAAY;AACzC,EAAA,IAAI,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA,SAAU,EAAC;AAC9B,EAAA,OAAO,QAAA,CAAS,OAAO,CAAA,OAAA,KAAW,OAAA,CAAQ,KAAK,WAAA,EAAY,CAAE,UAAA,CAAW,KAAK,CAAC,CAAA;AAChF;AAEO,SAAS,mBAAA,CAA+C,UAAwB,KAAA,EAAe;AACpG,EAAA,IAAI,CAAC,KAAA,CAAM,UAAA,CAAW,GAAG,GAAG,OAAO,MAAA;AACnC,EAAA,MAAM,eAAA,GAAkB,KAAA,CAAM,MAAA,CAAO,IAAI,CAAA;AACzC,EAAA,IAAI,eAAA,KAAoB,IAAI,OAAO,MAAA;AACnC,EAAA,MAAM,OAAA,GAAU,QAAA,CAAS,IAAA,CAAK,CAAA,SAAA,KAAa,SAAA,CAAU,SAAS,KAAA,CAAM,KAAA,CAAM,CAAA,EAAG,eAAe,CAAC,CAAA;AAC7F,EAAA,IAAI,CAAC,OAAA,EAAS,OAAA,EAAS,OAAO,MAAA;AAC9B,EAAA,MAAM,QAAQ,KAAA,CAAM,KAAA,CAAM,eAAe,CAAA,CAAE,IAAA,GAAO,WAAA,EAAY;AAC9D,EAAA,IAAI,IAAA,CAAK,IAAA,CAAK,KAAK,CAAA,EAAG,OAAO,MAAA;AAC7B,EAAA,MAAM,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,MAAA,CAAO,CAAA,MAAA,KAAU,MAAA,CAAO,KAAA,CAAM,WAAA,EAAY,CAAE,UAAA,CAAW,KAAK,CAAC,CAAA;AAC7F,EAAA,OAAO,QAAQ,MAAA,GAAS,CAAA,GAAI,EAAE,OAAA,EAAS,SAAQ,GAAI,MAAA;AACrD;;ACvBA,SAAS,qBAAA,CACP,MAAA,EACA,QAAA,EACA,OAAA,EAC0B;AAC1B,EAAA,IAAI,OAAA;AACF,IAAA,OAAO,OAAA,CAAQ,GAAA,CAAI,CAAA,MAAA,MAAW,EAAE,GAAG,MAAA,EAAQ,EAAA,EAAI,CAAA,EAAG,MAAM,WAAW,kBAAA,CAAmB,MAAA,CAAO,KAAK,CAAC,IAAG,CAAE,CAAA;AAC1G,EAAA,OAAO,QAAA,CAAS,IAAI,CAAA,OAAA,MAAY;AAAA,IAC9B,IAAI,CAAA,EAAG,MAAM,YAAY,kBAAA,CAAmB,OAAA,CAAQ,IAAI,CAAC,CAAA,CAAA;AAAA,IACzD,KAAA,EAAO,CAAA,CAAA,EAAI,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,IACvB,aAAa,OAAA,CAAQ;AAAA,GACvB,CAAE,CAAA;AACJ;AAWO,SAAS,mBAAA,CAAoB;AAAA,EAClC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAA6B;AAC3B,EAAA,MAAM,SAAS,KAAA,EAAM;AACrB,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,QAAA,CAAS,EAAE,KAAA,EAAO,EAAA,EAAI,KAAA,EAAO,CAAA,EAAG,CAAA;AACpE,EAAA,MAAM,WAAA,GAAc,OAAA,GAAU,mBAAA,CAAoB,QAAA,EAAU,KAAK,CAAA,GAAI,MAAA;AACrE,EAAA,MAAM,gBAAA,GAAmB,WAAW,CAAC,WAAA,GAAc,cAAc,QAAA,EAAU,KAAK,IAAI,EAAC;AACrF,EAAA,MAAM,KAAA,GAAQ,qBAAA,CAAsB,MAAA,EAAQ,gBAAA,EAAkB,aAAa,OAAO,CAAA;AAClF,EAAA,MAAM,YAAA,GAAe,IAAA,CAAK,GAAA,CAAI,UAAA,CAAW,KAAA,EAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,KAAA,CAAM,MAAA,GAAS,CAAC,CAAC,CAAA;AAC7E,EAAA,MAAM,WAAA,GAAc,UAAA,CAAW,KAAA,KAAU,KAAA,GAAQ,YAAA,GAAe,CAAA;AAEhE,EAAA,SAAS,YAAY,SAAA,EAAmB;AACtC,IAAA,aAAA,CAAc,EAAE,KAAA,EAAO,SAAA,EAAW,KAAA,EAAO,GAAG,CAAA;AAC5C,IAAA,aAAA,CAAc,SAAS,CAAA;AAAA,EACzB;AAEA,EAAA,SAAS,gBAAA,GAAmB;AAC1B,IAAA,WAAA,CAAY,cAAc,CAAA,CAAA,EAAI,WAAA,CAAY,OAAA,CAAQ,IAAI,KAAK,EAAE,CAAA;AAC7D,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AAAA,EAC1B;AAEA,EAAA,SAAS,iBAAiB,KAAA,EAAe;AACvC,IAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AACxB,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,MAAM,MAAA,GAAS,WAAA,CAAY,OAAA,CAAQ,KAAK,CAAA;AACxC,MAAA,IAAI,MAAA,WAAiB,CAAA,CAAA,EAAI,WAAA,CAAY,QAAQ,IAAI,CAAA,CAAA,EAAI,MAAA,CAAO,KAAK,CAAA,CAAE,CAAA;AACnE,MAAA;AAAA,IACF;AACA,IAAA,MAAM,OAAA,GAAU,iBAAiB,KAAK,CAAA;AACtC,IAAA,IAAI,OAAA,EAAS,WAAA,CAAY,CAAA,CAAA,EAAI,OAAA,CAAQ,IAAI,CAAA,CAAA,CAAG,CAAA;AAAA,EAC9C;AAEA,EAAA,SAAS,cAAc,SAAA,EAAmB;AACxC,IAAA,aAAA,CAAc,EAAE,OAAO,KAAA,EAAA,CAAQ,WAAA,GAAc,YAAY,KAAA,CAAM,MAAA,IAAU,KAAA,CAAM,MAAA,EAAQ,CAAA;AAAA,EACzF;AAEA,EAAA,SAAS,uBAAuB,KAAA,EAAsB;AACpD,IAAA,MAAM,OAAA,GAAU,iBAAiB,WAAW,CAAA;AAC5C,IAAA,MAAM,kBAAA,GACJ,gBAAA,CAAiB,MAAA,KAAW,CAAA,IAAK,KAAA,CAAM,WAAA,EAAY,KAAM,CAAA,CAAA,EAAI,OAAA,EAAS,IAAI,CAAA,CAAA,IAAM,CAAC,SAAS,OAAA,EAAS,MAAA;AACrG,IAAA,OAAO,KAAA,CAAM,GAAA,KAAQ,OAAA,IAAW,CAAC,kBAAA;AAAA,EACnC;AAEA,EAAA,UAAA;AAAA,IACE;AAAA,MACE,SAAA,EAAW,MAAM,aAAA,CAAc,CAAC,CAAA;AAAA,MAChC,OAAA,EAAS,MAAM,aAAA,CAAc,EAAE,CAAA;AAAA,MAC/B,MAAA,EAAQ,gBAAA;AAAA,MACR,GAAA,EAAK,MAAM,gBAAA,CAAiB,WAAW,CAAA;AAAA,MACvC,KAAA,EAAO,MAAM,gBAAA,CAAiB,WAAW;AAAA,KAC3C;AAAA,IACA;AAAA,MACE,MAAA,EAAQ,QAAA;AAAA,MACR,OAAA,EAAS,MAAM,MAAA,GAAS,CAAA;AAAA,MACxB,YAAA,EAAc;AAAA;AAChB,GACF;AAEA,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,KAAA;AAAA,IACA,UAAU,CAAC,KAAA,KAA4C,WAAA,CAAY,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,IACrF,mBAAA,EAAqB,MAAA;AAAA,IACrB,eAAA,EAAiB,KAAA,CAAM,MAAA,GAAS,CAAA,GAAI,MAAA,GAAS,MAAA;AAAA,IAC7C,uBAAA,EAAyB,KAAA,CAAM,WAAW,CAAA,EAAG;AAAA,GAC/C;AAEA,EAAA,MAAM,gBAAA,GAA6C;AAAA,IACjD,EAAA,EAAI,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAc,WAAA,GAAc,CAAA,CAAA,EAAI,WAAA,CAAY,OAAA,CAAQ,IAAI,CAAA,CAAA,GAAK,MAAA;AAAA,IAC7D,MAAA,EAAQ,cAAc,gBAAA,GAAmB,MAAA;AAAA,IACzC,QAAA,EAAU;AAAA,GACZ;AAEA,EAAA,OAAO,EAAE,YAAY,gBAAA,EAAiB;AACxC;;;;"}

package/dist/components/ContextMenu.cjs.js

@@ -10,7 +10,7 @@ const primitives_floating = require('../primitives/floating.cjs.js');
 const primitives_fluidMenu = require('../primitives/fluid-menu.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');
 const primitives_portalContainer = require('../primitives/portal-container.cjs.js');
-const utils_cn = require('../cn-BuHW7Wrt.cjs');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
@@ -148,7 +148,7 @@ const ContextMenuSubTrigger = React__namespace.forwardRef(
       ref: primitives_fluidMenu.useFluidMenuItemRef(ref),
       className: utils_cn.cn(
         primitives_menuItem.menuItemClass,
-        "data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6",
+        "data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground",
         inset && primitives_menuItem.menuItemInsetClass,
         className
       ),

package/dist/components/ContextMenu.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.cjs.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport type { ContextMenuPopupProps, ContextMenuPositionerProps } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentPositionerProps = Omit<ContextMenuPositionerProps, keyof ContextMenuPopupProps>;\n\ntype ContextMenuContentProps = ContextMenuPopupProps &\n  ContextMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = 4,\n      side,\n      sideOffset = 0,\n      container,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    // Why: same stacking as DropdownMenu (z-50). Inside a modal Dialog/Drawer the popup must\n    // portal into the trap container to stay clickable and above it; explicit `container` wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      checked={checked}\n      className={cn(menuItemClass, className)}\n      {...props}\n    >\n      {children}\n      <ContextMenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <ContextMenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.RadioItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPopupProps & ContextMenuContentPositionerProps;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = -4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive","React","FLOATING_POSITION_METHOD","usePortalContainer","useFluidMenu","jsx","menuPositionerClass","cn","menuPopupClass","FluidMenuItems","useFluidMenuItemRef","menuItemDestructiveClass","menuItemClass","menuItemInsetClass","jsxs","menuItemCheckClass","CheckIcon","menuLabelClass","menuSeparatorClass","menuShortcutClass","menuItemTrailingIconClass","ChevronDown"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.cjs.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport type { ContextMenuPopupProps, ContextMenuPositionerProps } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentPositionerProps = Omit<ContextMenuPositionerProps, keyof ContextMenuPopupProps>;\n\ntype ContextMenuContentProps = ContextMenuPopupProps &\n  ContextMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = 4,\n      side,\n      sideOffset = 0,\n      container,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    // Why: same stacking as DropdownMenu (z-50). Inside a modal Dialog/Drawer the popup must\n    // portal into the trap container to stay clickable and above it; explicit `container` wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      checked={checked}\n      className={cn(menuItemClass, className)}\n      {...props}\n    >\n      {children}\n      <ContextMenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <ContextMenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.RadioItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPopupProps & ContextMenuContentPositionerProps;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = -4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive","React","FLOATING_POSITION_METHOD","usePortalContainer","useFluidMenu","jsx","menuPositionerClass","cn","menuPopupClass","FluidMenuItems","useFluidMenuItemRef","menuItemDestructiveClass","menuItemClass","menuItemInsetClass","jsxs","menuItemCheckClass","CheckIcon","menuLabelClass","menuSeparatorClass","menuShortcutClass","menuItemTrailingIconClass","ChevronDown"],"mappings":"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"}

package/dist/components/ContextMenu.es.js

@@ -6,7 +6,7 @@ import { FLOATING_POSITION_METHOD } from '../primitives/floating.es.js';
 import { useFluidMenu, FluidMenuItems, useFluidMenuItemRef } from '../primitives/fluid-menu.es.js';
 import { menuPositionerClass, menuPopupClass, menuItemInsetClass, menuItemDestructiveClass, menuItemClass, menuItemCheckClass, menuLabelClass, menuSeparatorClass, menuItemTrailingIconClass, menuShortcutClass } from '../primitives/menu-item.es.js';
 import { usePortalContainer } from '../primitives/portal-container.es.js';
-import { c as cn } from '../cn-C6s2yXwM.js';
+import { c as cn } from '../cn-65Adrsfj.js';
 
 const ContextMenuRoot = ContextMenu$1.Root;
 const ContextMenuGroup = ContextMenu$1.Group;
@@ -125,7 +125,7 @@ const ContextMenuSubTrigger = React.forwardRef(
       ref: useFluidMenuItemRef(ref),
       className: cn(
         menuItemClass,
-        "data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6",
+        "data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground",
         inset && menuItemInsetClass,
         className
       ),

package/dist/components/ContextMenu.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.es.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport type { ContextMenuPopupProps, ContextMenuPositionerProps } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentPositionerProps = Omit<ContextMenuPositionerProps, keyof ContextMenuPopupProps>;\n\ntype ContextMenuContentProps = ContextMenuPopupProps &\n  ContextMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = 4,\n      side,\n      sideOffset = 0,\n      container,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    // Why: same stacking as DropdownMenu (z-50). Inside a modal Dialog/Drawer the popup must\n    // portal into the trap container to stay clickable and above it; explicit `container` wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      checked={checked}\n      className={cn(menuItemClass, className)}\n      {...props}\n    >\n      {children}\n      <ContextMenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <ContextMenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.RadioItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-neutral6/5 data-[popup-open]:text-neutral6',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPopupProps & ContextMenuContentPositionerProps;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = -4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.es.js","sources":["../../src/ds/components/ContextMenu/context-menu.tsx"],"sourcesContent":["import { ContextMenu as ContextMenuPrimitive } from '@base-ui/react/context-menu';\nimport type { ContextMenuPopupProps, ContextMenuPositionerProps } from '@base-ui/react/context-menu';\nimport { CheckIcon, ChevronDown } from 'lucide-react';\nimport * as React from 'react';\nimport { FLOATING_POSITION_METHOD } from '@/ds/primitives/floating';\nimport { FluidMenuItems, useFluidMenu, useFluidMenuItemRef } from '@/ds/primitives/fluid-menu';\nimport {\n  menuItemCheckClass,\n  menuItemClass,\n  menuItemDestructiveClass,\n  menuItemInsetClass,\n  menuItemTrailingIconClass,\n  menuLabelClass,\n  menuPopupClass,\n  menuPositionerClass,\n  menuSeparatorClass,\n  menuShortcutClass,\n} from '@/ds/primitives/menu-item';\nimport { usePortalContainer } from '@/ds/primitives/portal-container';\nimport { cn } from '@/lib/utils';\n\nconst ContextMenuRoot = ContextMenuPrimitive.Root;\nconst ContextMenuGroup = ContextMenuPrimitive.Group;\nconst ContextMenuPortal = ContextMenuPrimitive.Portal;\nconst ContextMenuSub = ContextMenuPrimitive.SubmenuRoot;\nconst ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;\n\nconst ContextMenuTrigger = ContextMenuPrimitive.Trigger;\n\ntype ContextMenuContentPositionerProps = Omit<ContextMenuPositionerProps, keyof ContextMenuPopupProps>;\n\ntype ContextMenuContentProps = ContextMenuPopupProps &\n  ContextMenuContentPositionerProps & {\n    container?: HTMLElement;\n  };\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = 4,\n      side,\n      sideOffset = 0,\n      container,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    // Why: same stacking as DropdownMenu (z-50). Inside a modal Dialog/Drawer the popup must\n    // portal into the trap container to stay clickable and above it; explicit `container` wins.\n    const resolvedContainer = usePortalContainer(container);\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenuContent';\n\ntype ContextMenuItemProps = ContextMenuPrimitive.Item.Props & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n  /** Alias for `onClick`, kept for parity with `DropdownMenu.Item`. */\n  onSelect?: ContextMenuPrimitive.Item.Props['onClick'];\n};\n\nconst ContextMenuItem = React.forwardRef<HTMLDivElement, ContextMenuItemProps>(\n  ({ className, inset, variant = 'default', onSelect, onClick, ...props }, ref) => (\n    <ContextMenuPrimitive.Item\n      ref={useFluidMenuItemRef(ref)}\n      data-inset={inset ? '' : undefined}\n      data-variant={variant}\n      onClick={event => {\n        onClick?.(event);\n        onSelect?.(event);\n      }}\n      className={cn(\n        variant === 'destructive' ? menuItemDestructiveClass : menuItemClass,\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nContextMenuItem.displayName = 'ContextMenuItem';\n\nconst ContextMenuCheckboxItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.CheckboxItem.Props>(\n  ({ className, children, checked, ...props }, ref) => (\n    <ContextMenuPrimitive.CheckboxItem\n      ref={useFluidMenuItemRef(ref)}\n      checked={checked}\n      className={cn(menuItemClass, className)}\n      {...props}\n    >\n      {children}\n      <ContextMenuPrimitive.CheckboxItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.CheckboxItemIndicator>\n    </ContextMenuPrimitive.CheckboxItem>\n  ),\n);\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';\n\nconst ContextMenuRadioItem = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.RadioItem.Props>(\n  ({ className, children, ...props }, ref) => (\n    <ContextMenuPrimitive.RadioItem ref={useFluidMenuItemRef(ref)} className={cn(menuItemClass, className)} {...props}>\n      {children}\n      <ContextMenuPrimitive.RadioItemIndicator className={menuItemCheckClass}>\n        <CheckIcon />\n      </ContextMenuPrimitive.RadioItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  ),\n);\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem';\n\ntype ContextMenuLabelProps = React.HTMLAttributes<HTMLDivElement> & { inset?: boolean };\n\nconst ContextMenuLabel = React.forwardRef<HTMLDivElement, ContextMenuLabelProps>(\n  ({ className, inset, ...props }, ref) => (\n    <div ref={ref} className={cn(menuLabelClass, inset && menuItemInsetClass, className)} {...props} />\n  ),\n);\nContextMenuLabel.displayName = 'ContextMenuLabel';\n\nconst ContextMenuSeparator = React.forwardRef<HTMLDivElement, ContextMenuPrimitive.Separator.Props>(\n  ({ className, ...props }, ref) => (\n    <ContextMenuPrimitive.Separator ref={ref} className={cn(menuSeparatorClass, className)} {...props} />\n  ),\n);\nContextMenuSeparator.displayName = 'ContextMenuSeparator';\n\nconst ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(menuShortcutClass, className)} {...props} />;\n};\nContextMenuShortcut.displayName = 'ContextMenuShortcut';\n\ntype ContextMenuSubTriggerProps = ContextMenuPrimitive.SubmenuTrigger.Props & { inset?: boolean };\n\nconst ContextMenuSubTrigger = React.forwardRef<HTMLDivElement, ContextMenuSubTriggerProps>(\n  ({ className, inset, children, ...props }, ref) => (\n    <ContextMenuPrimitive.SubmenuTrigger\n      ref={useFluidMenuItemRef(ref)}\n      className={cn(\n        menuItemClass,\n        'data-[popup-open]:bg-fill-subtle data-[popup-open]:text-foreground',\n        inset && menuItemInsetClass,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <span className={cn(menuItemTrailingIconClass, 'opacity-50')}>\n        <ChevronDown className=\"-rotate-90\" />\n      </span>\n    </ContextMenuPrimitive.SubmenuTrigger>\n  ),\n);\nContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';\n\ntype ContextMenuSubContentProps = ContextMenuPopupProps & ContextMenuContentPositionerProps;\n\nconst ContextMenuSubContent = React.forwardRef<HTMLDivElement, ContextMenuSubContentProps>(\n  (\n    {\n      className,\n      align = 'start',\n      alignOffset = -4,\n      side = 'right',\n      sideOffset = -4,\n      anchor,\n      positionMethod = FLOATING_POSITION_METHOD,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const positionerProps: ContextMenuContentPositionerProps = {\n      align,\n      alignOffset,\n      side,\n      sideOffset,\n      anchor,\n      positionMethod,\n      collisionBoundary,\n      collisionPadding,\n      sticky,\n      arrowPadding,\n      disableAnchorTracking,\n      collisionAvoidance,\n    };\n\n    const resolvedContainer = usePortalContainer();\n    const menu = useFluidMenu<HTMLDivElement>();\n\n    return (\n      <ContextMenuPrimitive.Portal container={resolvedContainer}>\n        <ContextMenuPrimitive.Positioner className={menuPositionerClass} {...positionerProps}>\n          <ContextMenuPrimitive.Popup\n            data-slot=\"context-menu-sub-content\"\n            className={cn(menuPopupClass, menu.containerClassName, className)}\n            {...props}\n            {...menu.getContainerProps(props, ref)}\n          >\n            <FluidMenuItems menu={menu}>{children}</FluidMenuItems>\n          </ContextMenuPrimitive.Popup>\n        </ContextMenuPrimitive.Positioner>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuSubContent.displayName = 'ContextMenuSubContent';\n\nfunction ContextMenu({\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: ContextMenuPrimitive.Root.Props['onOpenChange'];\n  children: React.ReactNode;\n}) {\n  return (\n    <ContextMenuRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {children}\n    </ContextMenuRoot>\n  );\n}\n\nContextMenu.Trigger = ContextMenuTrigger;\nContextMenu.Content = ContextMenuContent;\nContextMenu.Group = ContextMenuGroup;\nContextMenu.Portal = ContextMenuPortal;\nContextMenu.Item = ContextMenuItem;\nContextMenu.CheckboxItem = ContextMenuCheckboxItem;\nContextMenu.RadioItem = ContextMenuRadioItem;\nContextMenu.Label = ContextMenuLabel;\nContextMenu.Separator = ContextMenuSeparator;\nContextMenu.Shortcut = ContextMenuShortcut;\nContextMenu.Sub = ContextMenuSub;\nContextMenu.SubContent = ContextMenuSubContent;\nContextMenu.SubTrigger = ContextMenuSubTrigger;\nContextMenu.RadioGroup = ContextMenuRadioGroup;\n\nexport { ContextMenu };\n"],"names":["ContextMenuPrimitive"],"mappings":"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"}

package/dist/components/CopyButton.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const copyButton = require('../copy-button-CmQxxSUq.cjs');
+const copyButton = require('../copy-button-BbDBpBMl.cjs');
 
 
 

package/dist/components/CopyButton.es.js

@@ -1,2 +1,2 @@
-export { C as CopyButton } from '../copy-button-DIeDskPU.js';
+export { C as CopyButton } from '../copy-button-2cwdZ3dW.js';
 //# sourceMappingURL=CopyButton.es.js.map

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-Dsn6ZqE0.cjs');
+const dataCodeSection = require('../data-code-section-qujvEc6j.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-BHQOAbuZ.js';
+export { D as DataCodeSection } from '../data-code-section-DKz9Okaz.js';
 //# sourceMappingURL=DataCodeSection.es.js.map