@12-apps/ui 5.0.0 → 5.0.1

package/dist/form/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/form/Autocomplete/Autocomplete.tsx","../../src/components/form/Autocomplete/Autocomplete.helpers.ts","../../src/components/form/Autocomplete/Autocomplete.parts.tsx","../../src/components/form/Autocomplete/useAutocomplete.ts","../../src/components/form/Autocomplete/Autocomplete.keys.ts"],"sourcesContent":["import { Box, ClickAwayListener } from '@mui/material';\nimport React from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport {\n  AutocompleteInput,\n  ChipList,\n  DefaultSuggestion,\n  SuggestionListBox,\n} from './Autocomplete.parts';\nimport type { AutocompleteOption, AutocompleteProps, SuggestionType } from './Autocomplete.types';\nimport { useAutocomplete, type AutocompleteView } from './useAutocomplete';\n\n/** Presentational props resolved from {@link AutocompleteProps} (defaults applied once). */\ninterface RenderConfig<T> {\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  getDescription?: (item: T) => string | undefined;\n  renderSuggestion?: (item: T, state: { active: boolean; query: string }) => React.ReactNode;\n  matchMode: MatchMode;\n  multiple: boolean;\n  selectedItems: T[];\n  isLoading: boolean;\n  showGhostText: boolean;\n  placeholder: string;\n  autoFocus: boolean;\n  disabled: boolean;\n  portal: boolean | { container?: HTMLElement };\n  className?: string;\n  chipClassName?: string;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** Apply presentational defaults once so the component itself stays branch-light. */\nfunction resolveRenderConfig<T>(p: AutocompleteProps<T>): RenderConfig<T> {\n  return {\n    getKey: p.getKey ?? defaultGetKey,\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    getDescription: p.getDescription,\n    renderSuggestion: p.renderSuggestion,\n    matchMode: p.matchMode ?? 'contains',\n    multiple: Boolean(p.multiple),\n    selectedItems: p.selectedItems ?? [],\n    isLoading: Boolean(p.isLoading),\n    showGhostText: p.showGhostText ?? true,\n    placeholder: p.placeholder ?? 'Type to search...',\n    autoFocus: Boolean(p.autoFocus),\n    disabled: Boolean(p.disabled),\n    portal: p.portal ?? false,\n    className: p.className,\n    chipClassName: p.chipClassName,\n    inputAriaLabel: p.inputAriaLabel,\n    inputClassName: p.inputClassName,\n    listClassName: p.listClassName,\n    itemClassName: p.itemClassName,\n    activeItemClassName: p.activeItemClassName,\n  };\n}\n\n/** A single suggestion node: the caller's custom renderer or the default row. */\nfunction renderSuggestionNode<T>(item: T, active: boolean, query: string, cfg: RenderConfig<T>): React.ReactNode {\n  if (cfg.renderSuggestion) return cfg.renderSuggestion(item, { active, query });\n  return (\n    <DefaultSuggestion\n      item={item}\n      state={{ active, query }}\n      getLabel={cfg.getLabel}\n      getDescription={cfg.getDescription}\n      getSuggestionType={cfg.getSuggestionType}\n      matchMode={cfg.matchMode}\n    />\n  );\n}\n\n/**\n * ARIA combobox with a popup listbox: local/async filtering, inline ghost\n * completion (Tab/→), multi-select chips, custom rendering, and typed\n * `search`/`link` suggestions (a `link` opens its URL instead of filling the\n * input). State/effects/handlers live in {@link useAutocomplete}; presentational\n * pieces live in `Autocomplete.parts`.\n */\nexport const Autocomplete = <T = AutocompleteOption>(props: AutocompleteProps<T>): React.JSX.Element => {\n  const cfg = resolveRenderConfig(props);\n  const view: AutocompleteView<T> = useAutocomplete<T>(props);\n  const s = view.state;\n  const showNoResults =\n    !cfg.isLoading && view.visibleSuggestions.length === 0 && Boolean(s.inputValue.trim());\n\n  return (\n    <ClickAwayListener onClickAway={view.onClickAway}>\n      <Box className={cfg.className} data-testid=\"autocomplete-container\">\n        {cfg.multiple && cfg.selectedItems.length > 0 && (\n          <ChipList\n            items={cfg.selectedItems}\n            getKey={cfg.getKey}\n            getLabel={cfg.getLabel}\n            onRemove={view.removeSelectedItem}\n            chipClassName={cfg.chipClassName}\n          />\n        )}\n\n        <AutocompleteInput\n          id={view.id}\n          listId={view.listId}\n          inputRef={s.inputRef}\n          inputValue={s.inputValue}\n          ghost={s.ghost}\n          showGhost={cfg.showGhostText}\n          isInputFocused={s.isInputFocused}\n          open={s.open}\n          activeDescendant={view.activeDescendant}\n          isLoading={cfg.isLoading}\n          disabled={cfg.disabled}\n          autoFocus={cfg.autoFocus}\n          placeholder={cfg.placeholder}\n          startAdornment={props.startAdornment}\n          inputAriaLabel={cfg.inputAriaLabel}\n          inputClassName={cfg.inputClassName}\n          onChange={view.onInputChange}\n          onKeyDown={view.onKeyDown}\n          onFocus={view.onFocus}\n          onBlur={view.onBlur}\n          onCompositionStart={() => s.setComposition(true)}\n          onCompositionEnd={() => s.setComposition(false)}\n        />\n\n        {s.open && (\n          <SuggestionListBox\n            open={s.open}\n            anchorEl={s.inputRef.current}\n            portal={cfg.portal}\n            listRef={s.listRef}\n            listId={view.listId}\n            optionIdPrefix={view.optionIdPrefix}\n            items={view.visibleSuggestions}\n            activeIndex={s.activeIndex}\n            isLoading={cfg.isLoading}\n            showNoResults={showNoResults}\n            getKey={cfg.getKey}\n            onSelect={view.selectItem}\n            onHover={s.setActiveIndex}\n            renderItem={(item, active) => renderSuggestionNode(item, active, s.inputValue, cfg)}\n            listClassName={cfg.listClassName}\n            itemClassName={cfg.itemClassName}\n            activeItemClassName={cfg.activeItemClassName}\n          />\n        )}\n      </Box>\n    </ClickAwayListener>\n  );\n};\n\nAutocomplete.displayName = 'Autocomplete';\n\nexport default Autocomplete;\n","import type { SuggestionType } from './Autocomplete.types';\n\n/** Local filtering strategy. */\nexport type MatchMode = 'startsWith' | 'contains' | 'fuzzy';\n\n/** Default key extractor: id/key/value/label, else the item itself stringified. */\nexport const defaultGetKey = <T,>(item: T): string => {\n  if (typeof item === 'string') return item;\n  if (typeof item === 'object' && item !== null) {\n    const obj = item as Record<string, unknown>;\n    return String(obj.id ?? obj.key ?? obj.value ?? obj.label ?? obj);\n  }\n  return String(item);\n};\n\n/** Default label extractor: label/name/text, else the item itself stringified. */\nexport const defaultGetLabel = <T,>(item: T): string => {\n  if (typeof item === 'string') return item;\n  if (typeof item === 'object' && item !== null) {\n    const obj = item as Record<string, unknown>;\n    return String(obj.label ?? obj.name ?? obj.text ?? obj);\n  }\n  return String(item);\n};\n\n/** Default suggestion-type extractor: reads a `type: 'search' | 'link'` field. */\nexport const defaultGetSuggestionType = <T,>(item: T): SuggestionType | undefined => {\n  if (typeof item === 'object' && item !== null) {\n    const { type } = item as { type?: unknown };\n    if (type === 'search' || type === 'link') return type;\n  }\n  return undefined;\n};\n\n/** Default URL extractor for `link` suggestions: reads a `url: string` field. */\nexport const defaultGetUrl = <T,>(item: T): string | undefined => {\n  if (typeof item === 'object' && item !== null) {\n    const { url } = item as { url?: unknown };\n    if (typeof url === 'string') return url;\n  }\n  return undefined;\n};\n\n/** Default link opener: a new tab with `noopener,noreferrer`. SSR-guarded. */\nexport const defaultOpenLink = (url: string): void => {\n  if (typeof window !== 'undefined') {\n    window.open(url, '_blank', 'noopener,noreferrer');\n  }\n};\n\n/** Fuzzy match: every char of `query` appears in `label`, in order. */\nfunction fuzzyMatch(label: string, query: string): boolean {\n  let labelIndex = 0;\n  for (let queryIndex = 0; queryIndex < query.length; queryIndex++) {\n    const char = query[queryIndex];\n    if (!char) continue;\n    labelIndex = label.indexOf(char, labelIndex);\n    if (labelIndex === -1) return false;\n    labelIndex++;\n  }\n  return true;\n}\n\n/** True when `label` matches `query` under the given {@link MatchMode} (case-insensitive). */\nfunction matchesQuery(label: string, query: string, matchMode: MatchMode): boolean {\n  const haystack = label.toLowerCase();\n  const needle = query.toLowerCase();\n  if (matchMode === 'startsWith') return haystack.startsWith(needle);\n  if (matchMode === 'fuzzy') return fuzzyMatch(haystack, needle);\n  return haystack.includes(needle);\n}\n\n/** Filter `suggestions` by `query` under `matchMode`; an empty query returns all. */\nexport function filterSuggestions<T>(\n  suggestions: T[],\n  query: string,\n  matchMode: MatchMode,\n  getLabel: (item: T) => string,\n): T[] {\n  if (!query) return suggestions;\n  return suggestions.filter((item) => matchesQuery(getLabel(item), query, matchMode));\n}\n\n/**\n * The first suggestion eligible for inline ghost completion: a non-`link` item\n * whose label starts with `inputValue` (case-insensitive) but isn't equal to it.\n * Shared by the ghost-text effect and ArrowRight completion.\n */\nexport function firstGhostSuggestion<T>(\n  list: T[],\n  inputValue: string,\n  getLabel: (item: T) => string,\n  getSuggestionType: (item: T) => SuggestionType | undefined,\n): T | undefined {\n  const needle = inputValue.toLowerCase();\n  return list.find((item) => {\n    const label = getLabel(item).toLowerCase();\n    return getSuggestionType(item) !== 'link' && label.startsWith(needle) && label !== needle;\n  });\n}\n\n/** Escape a user query for safe use inside a `RegExp`. */\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n/**\n * Wrap query matches in `<mark>` for the default suggestion renderer. Skipped for\n * fuzzy mode (non-contiguous matches) and empty queries. Returns HTML.\n */\nexport function highlightLabel(label: string, query: string, matchMode: MatchMode): string {\n  if (!query || matchMode === 'fuzzy') return label;\n  const regex = new RegExp(`(${escapeRegExp(query)})`, 'gi');\n  return label.replace(regex, '<mark>$1</mark>');\n}\n","import LinkIcon from '@mui/icons-material/Link';\nimport SearchIcon from '@mui/icons-material/Search';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  List,\n  ListItem,\n  ListItemText,\n  Paper,\n  Popper,\n  TextField,\n  Typography,\n} from '@mui/material';\nimport { styled } from '@mui/material';\nimport React from 'react';\n\nimport { highlightLabel, type MatchMode } from './Autocomplete.helpers';\nimport type { SuggestionItemState, SuggestionType } from './Autocomplete.types';\n\nconst StyledPopper = styled(Popper)(({ theme }) => ({\n  zIndex: theme.zIndex.tooltip,\n  width: '100%',\n  maxHeight: 300,\n  overflow: 'auto',\n  // Popper.js writes the computed position (and stamps `data-popper-placement`)\n  // in a layout effect that can land AFTER the first paint. Until it does, the\n  // element would paint once unpositioned — at the offset-parent origin, far\n  // left and full width — then jump under the input, a visible per-keystroke\n  // flash as the list re-renders. Hide that unpositioned first frame; it becomes\n  // visible the instant popper assigns a placement.\n  '&:not([data-popper-placement])': { visibility: 'hidden' },\n}));\n\nconst InlineSuggestionDisplay = styled('div')(() => ({\n  position: 'absolute',\n  pointerEvents: 'none',\n  left: '14px', // Match TextField padding\n  top: '50%',\n  transform: 'translateY(-50%)',\n  fontSize: 'inherit',\n  fontFamily: 'inherit',\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  zIndex: 1,\n}));\n\nconst UserTextTwin = styled('span')({\n  visibility: 'hidden',\n});\n\nconst GhostText = styled('span')(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  opacity: 0.6,\n}));\n\nconst ChipContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: theme.spacing(0.5),\n  marginBottom: theme.spacing(1),\n}));\n\n/** Leading icon for a typed suggestion (search vs. link); null for untyped items. */\nexport function suggestionTypeIcon(type: SuggestionType | undefined): React.ReactNode {\n  const sx = { color: 'text.secondary', flexShrink: 0 } as const;\n  if (type === 'link') return <LinkIcon fontSize=\"small\" sx={sx} />;\n  if (type === 'search') return <SearchIcon fontSize=\"small\" sx={sx} />;\n  return null;\n}\n\n/** The inline ghost-text overlay: an invisible twin of the typed text + the grey remainder. */\nfunction GhostOverlay({ inputValue, ghost }: { inputValue: string; ghost: string }): React.JSX.Element {\n  return (\n    <InlineSuggestionDisplay>\n      <UserTextTwin>{inputValue}</UserTextTwin>\n      <GhostText>{ghost}</GhostText>\n    </InlineSuggestionDisplay>\n  );\n}\n\nexport interface AutocompleteInputProps {\n  id: string;\n  listId: string;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputValue: string;\n  ghost: string;\n  showGhost: boolean;\n  isInputFocused: boolean;\n  open: boolean;\n  activeDescendant: string | undefined;\n  isLoading: boolean;\n  disabled: boolean;\n  autoFocus: boolean;\n  placeholder: string;\n  startAdornment?: React.ReactNode;\n  inputAriaLabel?: string;\n  inputClassName?: string;\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onCompositionStart: () => void;\n  onCompositionEnd: () => void;\n}\n\n/** The combobox text field plus its inline ghost-text overlay. */\nexport function AutocompleteInput(props: AutocompleteInputProps): React.JSX.Element {\n  const showOverlay = Boolean(props.ghost) && props.showGhost && props.isInputFocused;\n  return (\n    <Box sx={{ position: 'relative' }}>\n      {showOverlay && <GhostOverlay inputValue={props.inputValue} ghost={props.ghost} />}\n      <TextField\n        ref={props.inputRef}\n        fullWidth\n        value={props.inputValue}\n        onChange={props.onChange}\n        onKeyDown={props.onKeyDown}\n        onFocus={props.onFocus}\n        onBlur={props.onBlur}\n        onCompositionStart={props.onCompositionStart}\n        onCompositionEnd={props.onCompositionEnd}\n        placeholder={props.placeholder}\n        disabled={props.disabled}\n        autoFocus={props.autoFocus}\n        className={props.inputClassName}\n        InputProps={{\n          startAdornment: props.startAdornment,\n          endAdornment: props.isLoading ? <CircularProgress size={20} /> : undefined,\n        }}\n        inputProps={{\n          role: 'combobox',\n          'aria-expanded': props.open,\n          'aria-controls': props.open ? props.listId : undefined,\n          'aria-activedescendant': props.activeDescendant,\n          'aria-autocomplete': 'list',\n          'aria-label': props.inputAriaLabel,\n          id: props.id,\n        }}\n      />\n    </Box>\n  );\n}\n\n/** Selected-item chips (multiple mode). */\nexport function ChipList<T>({\n  items,\n  getKey,\n  getLabel,\n  onRemove,\n  chipClassName,\n}: {\n  items: T[];\n  getKey: (item: T) => string;\n  getLabel: (item: T) => string;\n  onRemove: (item: T) => void;\n  chipClassName?: string;\n}): React.JSX.Element {\n  return (\n    <ChipContainer data-testid=\"selected-items-container\">\n      {items.map((item, index) => (\n        <Chip\n          key={`${getKey(item)}-${index}`}\n          label={getLabel(item)}\n          onDelete={() => onRemove(item)}\n          size=\"small\"\n          className={chipClassName}\n          data-testid={`selected-chip-${index}`}\n        />\n      ))}\n    </ChipContainer>\n  );\n}\n\n/** Default suggestion row: per-type icon + highlighted label + optional description. */\nexport function DefaultSuggestion<T>({\n  item,\n  state,\n  getLabel,\n  getDescription,\n  getSuggestionType,\n  matchMode,\n}: {\n  item: T;\n  state: SuggestionItemState;\n  getLabel: (item: T) => string;\n  getDescription?: (item: T) => string | undefined;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  matchMode: MatchMode;\n}): React.JSX.Element {\n  const label = getLabel(item);\n  const description = getDescription?.(item);\n  const displayLabel = highlightLabel(label, state.query, matchMode);\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        gap: 1,\n        width: '100%',\n        // Bold the matched prefix (not a yellow <mark> highlight).\n        '& mark': { backgroundColor: 'transparent', color: 'inherit', fontWeight: 700 },\n      }}\n    >\n      {suggestionTypeIcon(getSuggestionType(item))}\n      <ListItemText\n        primary={<span dangerouslySetInnerHTML={{ __html: displayLabel }} />}\n        secondary={description}\n      />\n    </Box>\n  );\n}\n\n/** A \"Loading…\" row shown while async suggestions resolve. */\nexport function LoadingRow(): React.JSX.Element {\n  return (\n    <ListItem>\n      <Box display=\"flex\" alignItems=\"center\" gap={1}>\n        <CircularProgress size={16} />\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          Loading...\n        </Typography>\n      </Box>\n    </ListItem>\n  );\n}\n\n/** The empty \"No results found\" row. */\nexport function NoResultsRow(): React.JSX.Element {\n  return (\n    <ListItem>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        No results found\n      </Typography>\n    </ListItem>\n  );\n}\n\n/** Keep the Popper the same width as its anchor input. */\nconst SAME_WIDTH_MODIFIER = {\n  name: 'sameWidth',\n  enabled: true,\n  fn: ({ state }: { state: { elements: { reference?: unknown }; styles: { popper?: Record<string, string> }; rects: { reference: { width: number } } } }) => {\n    if (state.elements.reference && state.styles.popper) {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    }\n  },\n  phase: 'beforeWrite' as const,\n  requires: ['computeStyles'],\n};\n\nexport interface SuggestionListBoxProps<T> {\n  open: boolean;\n  anchorEl: HTMLElement | null;\n  portal: boolean | { container?: HTMLElement };\n  listRef: React.RefObject<HTMLUListElement | null>;\n  listId: string;\n  optionIdPrefix: string;\n  items: T[];\n  activeIndex: number;\n  isLoading: boolean;\n  showNoResults: boolean;\n  getKey: (item: T) => string;\n  onSelect: (item: T) => void;\n  onHover: (index: number) => void;\n  renderItem: (item: T, active: boolean) => React.ReactNode;\n  listClassName?: string;\n  itemClassName?: string;\n  activeItemClassName?: string;\n}\n\n/** The suggestions dropdown: a same-width Popper with the option list + loading/empty rows. */\nexport function SuggestionListBox<T>({\n  open,\n  anchorEl,\n  portal,\n  listRef,\n  listId,\n  optionIdPrefix,\n  items,\n  activeIndex,\n  isLoading,\n  showNoResults,\n  getKey,\n  onSelect,\n  onHover,\n  renderItem,\n  listClassName,\n  itemClassName,\n  activeItemClassName,\n}: SuggestionListBoxProps<T>): React.JSX.Element {\n  return (\n    <StyledPopper\n      open={open}\n      anchorEl={anchorEl}\n      placement=\"bottom-start\"\n      disablePortal={!portal}\n      modifiers={[SAME_WIDTH_MODIFIER]}\n    >\n      <Paper elevation={8} className={listClassName} data-testid=\"suggestions-dropdown\">\n        <List\n          ref={listRef}\n          role=\"listbox\"\n          id={listId}\n          dense\n          sx={{ maxHeight: 300, overflow: 'auto' }}\n          data-testid=\"suggestions-list\"\n        >\n          {items.map((item, index) => (\n            <ListItem\n              key={getKey(item)}\n              id={`${optionIdPrefix}-${index}`}\n              role=\"option\"\n              component=\"div\"\n              sx={{\n                cursor: 'pointer',\n                backgroundColor: index === activeIndex ? 'action.hover' : 'transparent',\n                '&:hover': { backgroundColor: 'action.hover' },\n              }}\n              aria-selected={index === activeIndex}\n              onMouseDown={(e) => e.preventDefault()}\n              onClick={() => onSelect(item)}\n              onMouseEnter={() => onHover(index)}\n              className={`${itemClassName} ${index === activeIndex ? activeItemClassName : ''}`}\n              data-testid={`suggestion-item-${index}`}\n            >\n              {renderItem(item, index === activeIndex)}\n            </ListItem>\n          ))}\n          {isLoading && <LoadingRow />}\n          {showNoResults && <NoResultsRow />}\n        </List>\n      </Paper>\n    </StyledPopper>\n  );\n}\n","import { useEffect, useId, useRef, useState } from 'react';\n\nimport {\n  defaultGetKey,\n  defaultGetLabel,\n  defaultGetSuggestionType,\n  defaultGetUrl,\n  defaultOpenLink,\n  filterSuggestions,\n  firstGhostSuggestion,\n  type MatchMode,\n} from './Autocomplete.helpers';\nimport { handleAutocompleteKey, type KeyContext } from './Autocomplete.keys';\nimport type { AutocompleteProps } from './Autocomplete.types';\n\ntype Setter<V> = React.Dispatch<React.SetStateAction<V>>;\n\n/** All mutable state + refs for one Autocomplete instance. */\ninterface AutocompleteState<T> {\n  open: boolean;\n  setOpen: Setter<boolean>;\n  activeIndex: number;\n  setActiveIndex: Setter<number>;\n  ghost: string;\n  setGhost: Setter<string>;\n  inputValue: string;\n  setInputValue: Setter<string>;\n  composition: boolean;\n  setComposition: Setter<boolean>;\n  filteredSuggestions: T[];\n  setFilteredSuggestions: Setter<T[]>;\n  isInputFocused: boolean;\n  setIsInputFocused: Setter<boolean>;\n  justCompletedGhost: boolean;\n  setJustCompletedGhost: Setter<boolean>;\n  userClosedDropdown: boolean;\n  setUserClosedDropdown: Setter<boolean>;\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  listRef: React.RefObject<HTMLUListElement | null>;\n  debounceRef: React.RefObject<number | undefined>;\n}\n\nfunction useAutocompleteState<T>(value: string, suggestions: T[]): AutocompleteState<T> {\n  const [open, setOpen] = useState(false);\n  const [activeIndex, setActiveIndex] = useState(-1);\n  const [ghost, setGhost] = useState('');\n  const [inputValue, setInputValue] = useState(value);\n  const [composition, setComposition] = useState(false);\n  const [filteredSuggestions, setFilteredSuggestions] = useState<T[]>(suggestions);\n  const [isInputFocused, setIsInputFocused] = useState(false);\n  const [justCompletedGhost, setJustCompletedGhost] = useState(false);\n  const [userClosedDropdown, setUserClosedDropdown] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLUListElement | null>(null);\n  const debounceRef = useRef<number | undefined>(undefined);\n  return {\n    open, setOpen, activeIndex, setActiveIndex, ghost, setGhost, inputValue, setInputValue,\n    composition, setComposition, filteredSuggestions, setFilteredSuggestions, isInputFocused,\n    setIsInputFocused, justCompletedGhost, setJustCompletedGhost, userClosedDropdown,\n    setUserClosedDropdown, inputRef, listRef, debounceRef,\n  };\n}\n\n// ---- effects (one tiny hook each; explicit params keep deps complete) --------\n\nfunction useValueSync(value: string, setInputValue: Setter<string>): void {\n  useEffect(() => setInputValue(value), [value, setInputValue]);\n}\n\nfunction useDebounceCleanup(debounceRef: React.RefObject<number | undefined>): void {\n  useEffect(\n    () => () => {\n      if (debounceRef.current) window.clearTimeout(debounceRef.current);\n    },\n    [debounceRef],\n  );\n}\n\nfunction useScrollActiveIntoView(\n  activeIndex: number,\n  optionIdPrefix: string,\n  listRef: React.RefObject<HTMLUListElement | null>,\n): void {\n  useEffect(() => {\n    if (activeIndex < 0 || !listRef.current) return;\n    document\n      .getElementById(`${optionIdPrefix}-${activeIndex}`)\n      ?.scrollIntoView({ block: 'nearest' });\n  }, [activeIndex, optionIdPrefix, listRef]);\n}\n\nfunction useGhostFlagReset(justCompletedGhost: boolean, setJustCompletedGhost: Setter<boolean>): void {\n  useEffect(() => {\n    if (!justCompletedGhost) return;\n    const timer = setTimeout(() => setJustCompletedGhost(false), 50);\n    return () => clearTimeout(timer);\n  }, [justCompletedGhost, setJustCompletedGhost]);\n}\n\nfunction useLoadingOpen(\n  isLoading: boolean,\n  inputValue: string,\n  disabled: boolean,\n  setOpen: Setter<boolean>,\n  setActiveIndex: Setter<number>,\n): void {\n  useEffect(() => {\n    if (isLoading && inputValue.trim().length > 0 && !disabled) setOpen(true);\n    if (disabled) {\n      setOpen(false);\n      setActiveIndex(-1);\n    }\n  }, [isLoading, inputValue, disabled, setOpen, setActiveIndex]);\n}\n\n/** Inputs to the auto-open check, all primitive/stable so effect deps stay complete. */\ninterface AutoOpenArgs {\n  inputValue: string;\n  isInputFocused: boolean;\n  composition: boolean;\n  justCompletedGhost: boolean;\n  userClosedDropdown: boolean;\n  activeIndex: number;\n  setOpen: Setter<boolean>;\n  setActiveIndex: Setter<number>;\n}\n\n/** Auto-open the dropdown once local filtering has a fresh result set. */\nfunction maybeAutoOpen(a: AutoOpenArgs, hasResults: boolean): void {\n  const canAutoOpen =\n    a.inputValue.trim() &&\n    a.isInputFocused &&\n    !a.composition &&\n    !a.justCompletedGhost &&\n    !a.userClosedDropdown;\n  if (!canAutoOpen) return;\n  a.setOpen(true);\n  if (hasResults && a.activeIndex === -1) a.setActiveIndex(0);\n}\n\nfunction useLocalFilter<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): void {\n  const propSuggestions = p.suggestions;\n  const getLabel = p.getLabel ?? defaultGetLabel;\n  const matchMode: MatchMode = p.matchMode ?? 'contains';\n  const async = Boolean(p.async);\n  const {\n    inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdown, activeIndex,\n    setFilteredSuggestions, setOpen, setActiveIndex,\n  } = s;\n  useEffect(() => {\n    const suggestions = propSuggestions ?? [];\n    if (async || !inputValue) {\n      setFilteredSuggestions(suggestions);\n      return;\n    }\n    const filtered = filterSuggestions(suggestions, inputValue, matchMode, getLabel);\n    setFilteredSuggestions(filtered);\n    maybeAutoOpen(\n      { inputValue, isInputFocused, composition, justCompletedGhost, userClosedDropdown, activeIndex, setOpen, setActiveIndex },\n      filtered.length > 0,\n    );\n  }, [\n    propSuggestions, inputValue, async, getLabel, matchMode, isInputFocused, composition,\n    justCompletedGhost, userClosedDropdown, activeIndex, setFilteredSuggestions, setOpen, setActiveIndex,\n  ]);\n}\n\nfunction useGhostText<T>(p: AutocompleteProps<T>, s: AutocompleteState<T>): void {\n  const getLabel = p.getLabel ?? defaultGetLabel;\n  const getType = p.getSuggestionType ?? defaultGetSuggestionType;\n  const showGhost = p.showGhostText ?? true;\n  const { inputValue, filteredSuggestions, isInputFocused, composition, setGhost } = s;\n  useEffect(() => {\n    if (!inputValue || !isInputFocused || composition || !showGhost) {\n      setGhost('');\n      return;\n    }\n    const first = firstGhostSuggestion(filteredSuggestions, inputValue, getLabel, getType);\n    setGhost(first ? getLabel(first).slice(inputValue.length) : '');\n  }, [inputValue, filteredSuggestions, isInputFocused, composition, showGhost, getLabel, getType, setGhost]);\n}\n\n// ---- selection (split by mode to keep each function under the complexity bar) -\n\nfunction commitMultiSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const getKey = p.getKey ?? defaultGetKey;\n  const current = p.selectedItems ?? [];\n  if (!current.some((sel) => getKey(sel) === getKey(item))) p.onSelectedItemsChange?.([...current, item]);\n  s.setInputValue('');\n  onChange('');\n  s.setUserClosedDropdown(false);\n}\n\nfunction commitSingleSelect<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const label = (p.getLabel ?? defaultGetLabel)(item);\n  s.setInputValue(label);\n  onChange(label);\n}\n\nfunction runSelectItem<T>(item: T, p: AutocompleteProps<T>, s: AutocompleteState<T>, onChange: (v: string) => void): void {\n  const url = (p.getUrl ?? defaultGetUrl)(item);\n  const isLink = (p.getSuggestionType ?? defaultGetSuggestionType)(item) === 'link' && Boolean(url);\n  if (isLink) {\n    (p.openLink ?? defaultOpenLink)(url as string, item);\n  } else if (p.multiple) {\n    commitMultiSelect(item, p, s, onChange);\n  } else {\n    commitSingleSelect(item, p, s, onChange);\n  }\n  s.setOpen(false);\n  s.setActiveIndex(-1);\n  p.onSelect?.(item);\n  s.inputRef.current?.focus();\n}\n\nfunction buildKeyContext<T>(\n  p: AutocompleteProps<T>,\n  s: AutocompleteState<T>,\n  selectItem: (item: T) => void,\n  onChange: (v: string) => void,\n): KeyContext<T> {\n  return {\n    open: s.open, activeIndex: s.activeIndex, filteredSuggestions: s.filteredSuggestions,\n    maxVisibleItems: p.maxVisibleItems ?? 10, allowFreeText: p.allowFreeText ?? true,\n    inputValue: s.inputValue, ghost: s.ghost, isInputFocused: s.isInputFocused,\n    multiple: Boolean(p.multiple), selectedItems: p.selectedItems ?? [],\n    getLabel: p.getLabel ?? defaultGetLabel,\n    getSuggestionType: p.getSuggestionType ?? defaultGetSuggestionType,\n    setOpen: s.setOpen, setActiveIndex: s.setActiveIndex, setUserClosedDropdown: s.setUserClosedDropdown,\n    setInputValue: s.setInputValue, setGhost: s.setGhost, setJustCompletedGhost: s.setJustCompletedGhost,\n    debouncedOnChange: onChange, selectItem, onSelectedItemsChange: p.onSelectedItemsChange,\n  };\n}\n\n/** The full view-model the presentational component renders. */\nexport interface AutocompleteView<T> {\n  id: string;\n  listId: string;\n  optionIdPrefix: string;\n  state: AutocompleteState<T>;\n  visibleSuggestions: T[];\n  activeDescendant: string | undefined;\n  selectItem: (item: T) => void;\n  removeSelectedItem: (item: T) => void;\n  onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n  onInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onClickAway: () => void;\n}\n\n/** Wire state, effects, and (plain, per-render) handlers for the Autocomplete component. */\nexport function useAutocomplete<T>(p: AutocompleteProps<T>): AutocompleteView<T> {\n  const componentId = useId();\n  const id = p.id || componentId;\n  const optionIdPrefix = `${id}-option`;\n  const s = useAutocompleteState<T>(p.value, p.suggestions ?? []);\n\n  const debouncedOnChange = (val: string): void => {\n    if (s.debounceRef.current) window.clearTimeout(s.debounceRef.current);\n    s.debounceRef.current = window.setTimeout(() => p.onChange(val), p.debounceMs ?? 150);\n  };\n\n  useValueSync(p.value, s.setInputValue);\n  useDebounceCleanup(s.debounceRef);\n  useScrollActiveIntoView(s.activeIndex, optionIdPrefix, s.listRef);\n  useGhostFlagReset(s.justCompletedGhost, s.setJustCompletedGhost);\n  useLoadingOpen(Boolean(p.isLoading), s.inputValue, Boolean(p.disabled), s.setOpen, s.setActiveIndex);\n  useLocalFilter(p, s);\n  useGhostText(p, s);\n\n  const selectItem = (item: T): void => runSelectItem(item, p, s, debouncedOnChange);\n\n  return {\n    id,\n    listId: `${id}-listbox`,\n    optionIdPrefix,\n    state: s,\n    visibleSuggestions: s.filteredSuggestions.slice(0, p.maxVisibleItems ?? 10),\n    activeDescendant: s.activeIndex >= 0 ? `${optionIdPrefix}-${s.activeIndex}` : undefined,\n    selectItem,\n    removeSelectedItem: (item: T): void => {\n      const getKey = p.getKey ?? defaultGetKey;\n      p.onSelectedItemsChange?.((p.selectedItems ?? []).filter((sel) => getKey(sel) !== getKey(item)));\n      s.inputRef.current?.focus();\n    },\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>): void =>\n      handleAutocompleteKey(e, s.composition, buildKeyContext(p, s, selectItem, debouncedOnChange)),\n    onInputChange: (e: React.ChangeEvent<HTMLInputElement>): void => {\n      s.setInputValue(e.target.value);\n      debouncedOnChange(e.target.value);\n      if (!s.open || s.filteredSuggestions.length === 0) s.setActiveIndex(-1);\n      s.setUserClosedDropdown(false);\n    },\n    onFocus: (): void => {\n      s.setIsInputFocused(true);\n      s.setUserClosedDropdown(false);\n      if (!s.inputValue.trim()) return;\n      s.setOpen(true);\n      if (s.filteredSuggestions.length > 0 && s.activeIndex === -1) s.setActiveIndex(0);\n    },\n    onBlur: (): void => {\n      window.setTimeout(() => s.setIsInputFocused(false), 150);\n    },\n    onClickAway: (): void => {\n      s.setOpen(false);\n      s.setActiveIndex(-1);\n      s.setUserClosedDropdown(true);\n    },\n  };\n}\n","import type React from 'react';\n\nimport { firstGhostSuggestion } from './Autocomplete.helpers';\nimport type { SuggestionType } from './Autocomplete.types';\n\n/**\n * Everything a key handler needs. Kept as a flat context object so each handler\n * stays a small pure function and the component's `onKeyDown` is a thin dispatch.\n */\nexport interface KeyContext<T> {\n  open: boolean;\n  activeIndex: number;\n  filteredSuggestions: T[];\n  maxVisibleItems: number;\n  allowFreeText: boolean;\n  inputValue: string;\n  ghost: string;\n  isInputFocused: boolean;\n  multiple: boolean;\n  selectedItems: T[];\n  getLabel: (item: T) => string;\n  getSuggestionType: (item: T) => SuggestionType | undefined;\n  setOpen: (open: boolean) => void;\n  setActiveIndex: React.Dispatch<React.SetStateAction<number>>;\n  setUserClosedDropdown: (closed: boolean) => void;\n  setInputValue: (value: string) => void;\n  setGhost: (ghost: string) => void;\n  setJustCompletedGhost: (done: boolean) => void;\n  debouncedOnChange: (value: string) => void;\n  selectItem: (item: T) => void;\n  onSelectedItemsChange?: (items: T[]) => void;\n}\n\ntype KeyHandler<T> = (event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>) => void;\n\n/** True when there's a ghost remainder that can be accepted right now. */\nfunction canAcceptGhost<T>(ctx: KeyContext<T>): boolean {\n  return Boolean(ctx.ghost) && ctx.isInputFocused && ctx.filteredSuggestions.length > 0;\n}\n\n/** Commit a completed value: mark the ghost-complete flag, set + propagate, and close. */\nfunction commitCompletion<T>(ctx: KeyContext<T>, newValue: string): void {\n  ctx.setJustCompletedGhost(true);\n  ctx.setInputValue(newValue);\n  ctx.debouncedOnChange(newValue);\n  ctx.setGhost('');\n  ctx.setOpen(false);\n  ctx.setActiveIndex(-1);\n}\n\nconst onArrowDown = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  if (!ctx.open && ctx.filteredSuggestions.length > 0) {\n    ctx.setOpen(true);\n    ctx.setUserClosedDropdown(false);\n  }\n  const max = Math.min(ctx.filteredSuggestions.length - 1, ctx.maxVisibleItems - 1);\n  ctx.setActiveIndex((prev) => (prev < max ? prev + 1 : prev));\n};\n\nconst onArrowUp = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  ctx.setActiveIndex((prev) => (prev > 0 ? prev - 1 : -1));\n};\n\nconst onEnter = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  const inRange = ctx.open && ctx.activeIndex >= 0 && ctx.activeIndex < ctx.filteredSuggestions.length;\n  if (inRange) {\n    const selected = ctx.filteredSuggestions[ctx.activeIndex];\n    if (selected) ctx.selectItem(selected);\n  } else if (ctx.allowFreeText && ctx.inputValue.trim()) {\n    ctx.setOpen(false);\n  }\n};\n\nconst onTab = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  // Tab completion preserves the user's typed case (input + ghost remainder).\n  if (!canAcceptGhost(ctx)) return;\n  event.preventDefault();\n  commitCompletion(ctx, ctx.inputValue + ctx.ghost);\n};\n\nconst onArrowRight = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  // ArrowRight completion uses the suggestion's original case.\n  if (!canAcceptGhost(ctx)) return;\n  event.preventDefault();\n  const first = firstGhostSuggestion(\n    ctx.filteredSuggestions,\n    ctx.inputValue,\n    ctx.getLabel,\n    ctx.getSuggestionType,\n  );\n  commitCompletion(ctx, first ? ctx.getLabel(first) : ctx.inputValue);\n};\n\nconst onEscape = <T,>(event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  event.preventDefault();\n  ctx.setOpen(false);\n  ctx.setActiveIndex(-1);\n  ctx.setUserClosedDropdown(true);\n  if (event.detail === 2) {\n    // Double escape clears the value.\n    ctx.setInputValue('');\n    ctx.debouncedOnChange('');\n  }\n};\n\nconst onBackspace = <T,>(_event: React.KeyboardEvent<HTMLInputElement>, ctx: KeyContext<T>): void => {\n  if (ctx.multiple && ctx.inputValue === '' && ctx.selectedItems.length > 0) {\n    ctx.onSelectedItemsChange?.(ctx.selectedItems.slice(0, -1));\n  }\n};\n\nconst KEY_HANDLERS: Record<string, KeyHandler<unknown>> = {\n  ArrowDown: onArrowDown,\n  ArrowUp: onArrowUp,\n  Enter: onEnter,\n  Tab: onTab,\n  ArrowRight: onArrowRight,\n  Escape: onEscape,\n  Backspace: onBackspace,\n};\n\n/** Dispatch a keydown to its handler (no-op during IME composition or unmapped keys). */\nexport function handleAutocompleteKey<T>(\n  event: React.KeyboardEvent<HTMLInputElement>,\n  composition: boolean,\n  ctx: KeyContext<T>,\n): void {\n  if (composition) return;\n  const handler = KEY_HANDLERS[event.key] as KeyHandler<T> | undefined;\n  handler?.(event, ctx);\n}\n"],"mappings":"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","names":["Box","jsx","jsxs","Box"]}

package/dist/form/Button.js

@@ -0,0 +1,9 @@
+import "../chunk-BA4RHQ3B.js";
+import {
+  Button
+} from "../chunk-ANNZ3PLI.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Button
+};
+//# sourceMappingURL=Button.js.map

package/dist/form/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form/Calendar.js

@@ -0,0 +1,9 @@
+import {
+  Calendar
+} from "../chunk-DFVRZ3UK.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Calendar,
+  Calendar as default
+};
+//# sourceMappingURL=Calendar.js.map

package/dist/form/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form/CategorySelect.js

@@ -0,0 +1,23 @@
+import {
+  CategorySelect,
+  buildCategoryGroups,
+  categoryCheckState,
+  collectLeafIds,
+  filterCategoryGroups,
+  foldText,
+  leavesOf,
+  summarizeSelection
+} from "../chunk-LBYA4ZPT.js";
+import "../chunk-FD4W36WR.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  CategorySelect,
+  buildCategoryGroups,
+  categoryCheckState,
+  collectLeafIds,
+  filterCategoryGroups,
+  foldText,
+  leavesOf,
+  summarizeSelection
+};
+//# sourceMappingURL=CategorySelect.js.map

package/dist/form/CategorySelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form/CepField.js

@@ -0,0 +1,10 @@
+import {
+  CepField
+} from "../chunk-7XLEWBKL.js";
+import "../chunk-OOKQ2LMM.js";
+import "../chunk-FD4W36WR.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  CepField
+};
+//# sourceMappingURL=CepField.js.map

package/dist/form/CepField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form/Checkbox.js

@@ -0,0 +1,8 @@
+import {
+  Checkbox
+} from "../chunk-ZTF64TGW.js";
+import "../chunk-PZ5AY32C.js";
+export {
+  Checkbox
+};
+//# sourceMappingURL=Checkbox.js.map

package/dist/form/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form/CodeEditor.js

@@ -0,0 +1,456 @@
+import "../chunk-PZ5AY32C.js";
+
+// src/components/form/CodeEditor/CodeEditor.tsx
+import Editor from "@monaco-editor/react";
+import {
+  alpha as alpha2,
+  Box as Box2,
+  Paper,
+  styled as styled2,
+  Typography as Typography2
+} from "@mui/material";
+
+// src/components/form/CodeEditor/CodeEditor.helpers.ts
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
+var CODE_EDITOR_DEFAULTS = {
+  height: "400px",
+  theme: "auto",
+  readOnly: false,
+  lineNumbers: true,
+  minimap: false,
+  fontSize: 14,
+  wordWrap: false,
+  showToolbar: true,
+  autoFormat: false
+};
+var resolveCodeEditorProps = (props) => ({
+  ...CODE_EDITOR_DEFAULTS,
+  ...Object.fromEntries(
+    Object.entries(props).filter(([, value]) => value !== void 0)
+  )
+});
+
+// src/components/form/CodeEditor/CodeEditor.hooks.ts
+import { useTheme } from "@mui/material";
+import React, { useEffect, useRef } from "react";
+
+// src/components/form/CodeEditor/CodeEditor.monaco.ts
+var customLightTheme = {
+  base: "vs",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "D73A49" },
+    { token: "string", foreground: "032F62" },
+    { token: "number", foreground: "005CC5" }
+  ],
+  colors: {
+    "editor.background": "#FFFFFF",
+    "editor.foreground": "#24292E",
+    "editor.lineHighlightBackground": "#F6F8FA",
+    "editorLineNumber.foreground": "#959DA5",
+    "editorIndentGuide.background": "#D1D5DA",
+    "editor.selectionBackground": "#C8E1FF"
+  }
+};
+var customDarkTheme = {
+  base: "vs-dark",
+  inherit: true,
+  rules: [
+    { token: "comment", foreground: "6A737D", fontStyle: "italic" },
+    { token: "keyword", foreground: "F97583" },
+    { token: "string", foreground: "9ECBFF" },
+    { token: "number", foreground: "79B8FF" }
+  ],
+  colors: {
+    "editor.background": "#0D1117",
+    "editor.foreground": "#C9D1D9",
+    "editor.lineHighlightBackground": "#161B22",
+    "editorLineNumber.foreground": "#8B949E",
+    "editorIndentGuide.background": "#21262D",
+    "editor.selectionBackground": "#3392FF44"
+  }
+};
+var AUTO_FORMAT_DELAY_MS = 100;
+var registerEditorThemes = (monaco) => {
+  monaco.editor.defineTheme("custom-light", customLightTheme);
+  monaco.editor.defineTheme("custom-dark", customDarkTheme);
+};
+var configureTypeScriptDefaults = (monaco) => {
+  try {
+    const tsLanguage = monaco.languages.getLanguages().find((language) => language.id === "typescript");
+    if (!tsLanguage) return;
+    monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+      target: monaco.languages.typescript.ScriptTarget.ES2020,
+      allowNonTsExtensions: true,
+      moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+      module: monaco.languages.typescript.ModuleKind.CommonJS,
+      noEmit: true,
+      esModuleInterop: true,
+      jsx: monaco.languages.typescript.JsxEmit.React,
+      reactNamespace: "React",
+      allowJs: true,
+      typeRoots: ["node_modules/@types"]
+    });
+    monaco.languages.typescript.typescriptDefaults.setDiagnosticsOptions({
+      noSemanticValidation: false,
+      noSyntaxValidation: false,
+      noSuggestionDiagnostics: true
+    });
+  } catch {
+  }
+};
+var scheduleAutoFormat = (mountedEditor, enabled) => {
+  if (!enabled) return;
+  window.setTimeout(() => {
+    mountedEditor.getAction("editor.action.formatDocument")?.run();
+  }, AUTO_FORMAT_DELAY_MS);
+};
+var registerSaveShortcut = (mountedEditor, monaco, onSave) => {
+  mountedEditor.addCommand(monaco.KeyMod.CtrlCmd | monaco.KeyCode.KeyS, () => {
+    onSave?.(mountedEditor.getValue());
+  });
+};
+var resolveEditorTheme = (themeProp, paletteMode) => {
+  const wantsDark = themeProp === "auto" ? paletteMode === "dark" : themeProp === "dark";
+  return wantsDark ? "custom-dark" : "custom-light";
+};
+
+// src/components/form/CodeEditor/CodeEditor.hooks.ts
+var COPIED_FEEDBACK_MS = 2e3;
+var useFullscreen = () => {
+  const [isFullscreen, setIsFullscreen] = React.useState(false);
+  useEffect(() => {
+    if (!isFullscreen) return;
+    const handleEsc = (event) => {
+      if (event.key === "Escape") setIsFullscreen(false);
+    };
+    window.addEventListener("keydown", handleEsc);
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [isFullscreen]);
+  return { isFullscreen, toggleFullscreen: () => setIsFullscreen((prev) => !prev) };
+};
+var useCodeEditor = ({
+  themeProp,
+  wordWrap,
+  autoFormat,
+  readOnly,
+  onSave
+}) => {
+  const theme = useTheme();
+  const editorRef = useRef(null);
+  const monacoRef = useRef(null);
+  const { isFullscreen, toggleFullscreen } = useFullscreen();
+  const [isWrapped, setIsWrapped] = React.useState(wordWrap);
+  const [isCopied, setIsCopied] = React.useState(false);
+  const editorTheme = React.useMemo(
+    () => resolveEditorTheme(themeProp, theme.palette.mode),
+    [themeProp, theme.palette.mode]
+  );
+  const handleEditorDidMount = (mountedEditor, monaco) => {
+    editorRef.current = mountedEditor;
+    monacoRef.current = monaco;
+    registerEditorThemes(monaco);
+    configureTypeScriptDefaults(monaco);
+    scheduleAutoFormat(mountedEditor, autoFormat && !readOnly);
+    registerSaveShortcut(mountedEditor, monaco, onSave);
+  };
+  const handleCopy = async () => {
+    if (!editorRef.current || !navigator.clipboard?.writeText) return;
+    try {
+      await navigator.clipboard.writeText(editorRef.current.getValue());
+      setIsCopied(true);
+      window.setTimeout(() => setIsCopied(false), COPIED_FEEDBACK_MS);
+    } catch {
+    }
+  };
+  const handleWrapToggle = () => {
+    setIsWrapped(!isWrapped);
+    editorRef.current?.updateOptions({ wordWrap: !isWrapped ? "on" : "off" });
+  };
+  const handleFormat = () => {
+    if (!readOnly) editorRef.current?.getAction("editor.action.formatDocument")?.run();
+  };
+  return {
+    editorTheme,
+    isFullscreen,
+    isWrapped,
+    isCopied,
+    handleEditorDidMount,
+    handleCopy,
+    handleFullscreenToggle: toggleFullscreen,
+    handleWrapToggle,
+    handleFormat
+  };
+};
+
+// src/components/form/CodeEditor/CodeEditorToolbar.tsx
+import CodeIcon from "@mui/icons-material/Code";
+import CopyIcon from "@mui/icons-material/ContentCopy";
+import ExitFullscreenIcon from "@mui/icons-material/FullscreenExit";
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import WrapIcon from "@mui/icons-material/WrapText";
+import { Box, IconButton, Stack, Tooltip, Typography } from "@mui/material";
+import { alpha, styled } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var makeTestId2 = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `code-editor-${suffix}`;
+var Toolbar = styled(Box)(({ theme }) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  padding: theme.spacing(1, 2),
+  borderBottom: `1px solid ${alpha(theme.palette.divider, 0.12)}`,
+  background: alpha(theme.palette.background.default, 0.4)
+}));
+var LanguageBadge = styled(Box)(({ theme }) => ({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(0.5, 1),
+  borderRadius: theme.shape.borderRadius,
+  background: alpha(theme.palette.primary.main, 0.1),
+  color: theme.palette.primary.main,
+  fontSize: "0.75rem",
+  fontWeight: 600,
+  textTransform: "uppercase",
+  letterSpacing: "0.05em"
+}));
+var EditorActions = ({
+  readOnly,
+  isWrapped,
+  isCopied,
+  isFullscreen,
+  dataTestId,
+  onFormat,
+  onCopy,
+  onWrapToggle,
+  onFullscreenToggle
+}) => {
+  const testId = makeTestId2(dataTestId);
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+    !readOnly && /* @__PURE__ */ jsx(Tooltip, { title: "Format Code (Ctrl+Shift+F)", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: onFormat,
+        "data-testid": testId("format-btn"),
+        children: /* @__PURE__ */ jsx(CodeIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: isWrapped ? "Disable Word Wrap" : "Enable Word Wrap", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: onWrapToggle,
+        color: isWrapped ? "primary" : "default",
+        "data-testid": testId("wrap-btn"),
+        children: /* @__PURE__ */ jsx(WrapIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: isCopied ? "Copied!" : "Copy to Clipboard", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: onCopy,
+        color: isCopied ? "success" : "default",
+        "data-testid": testId("copy-btn"),
+        children: /* @__PURE__ */ jsx(CopyIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen", children: /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        size: "small",
+        onClick: onFullscreenToggle,
+        "data-testid": testId("fullscreen-btn"),
+        children: isFullscreen ? /* @__PURE__ */ jsx(ExitFullscreenIcon, { fontSize: "small" }) : /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
+      }
+    ) })
+  ] });
+};
+var EditorToolbar = ({
+  language,
+  readOnly,
+  isWrapped,
+  isCopied,
+  isFullscreen,
+  dataTestId,
+  onFormat,
+  onCopy,
+  onWrapToggle,
+  onFullscreenToggle
+}) => {
+  const testId = makeTestId2(dataTestId);
+  return /* @__PURE__ */ jsxs(Toolbar, { "data-testid": testId("toolbar"), children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
+      /* @__PURE__ */ jsxs(LanguageBadge, { "data-testid": testId("language-badge"), children: [
+        /* @__PURE__ */ jsx(CodeIcon, { sx: { fontSize: 14 } }),
+        language
+      ] }),
+      readOnly && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: "Read Only" })
+    ] }),
+    /* @__PURE__ */ jsx(
+      EditorActions,
+      {
+        readOnly,
+        isWrapped,
+        isCopied,
+        isFullscreen,
+        dataTestId,
+        onFormat,
+        onCopy,
+        onWrapToggle,
+        onFullscreenToggle
+      }
+    )
+  ] });
+};
+
+// src/components/form/CodeEditor/CodeEditor.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var EditorContainer = styled2(Paper)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  background: `linear-gradient(135deg, ${alpha2(theme.palette.background.paper, 0.98)} 0%, ${alpha2(theme.palette.background.paper, 0.95)} 100%)`,
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  border: `1px solid ${alpha2(theme.palette.divider, 0.18)}`,
+  borderRadius: theme.shape.borderRadius * 2,
+  overflow: "hidden"
+}));
+var EditorWrapper = styled2(Box2, {
+  shouldForwardProp: (prop) => prop !== "fullscreen"
+})(({ theme, fullscreen }) => ({
+  position: "relative",
+  flex: 1,
+  minHeight: 200,
+  ...fullscreen && {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: theme.zIndex.modal,
+    background: theme.palette.background.paper
+  }
+}));
+var PlaceholderOverlay = styled2(Box2)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  left: theme.spacing(8),
+  color: theme.palette.text.disabled,
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontSize: "0.875rem",
+  pointerEvents: "none",
+  userSelect: "none"
+}));
+var EditorLoading = () => /* @__PURE__ */ jsx2(
+  Box2,
+  {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      color: "text.secondary"
+    },
+    children: /* @__PURE__ */ jsx2(Typography2, { variant: "body2", children: "Loading editor..." })
+  }
+);
+var buildEditorOptions = ({
+  minimap,
+  fontSize,
+  isWrapped,
+  lineNumbers,
+  readOnly
+}) => ({
+  readOnly,
+  // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value
+  // This prevents undefined from being interpreted differently in various environments
+  minimap: { enabled: minimap === true },
+  fontSize,
+  wordWrap: isWrapped ? "on" : "off",
+  lineNumbers: lineNumbers ? "on" : "off",
+  scrollBeyondLastLine: false,
+  automaticLayout: true,
+  tabSize: 2,
+  insertSpaces: true,
+  folding: true,
+  foldingStrategy: "indentation",
+  showFoldingControls: "mouseover",
+  smoothScrolling: true,
+  cursorBlinking: "smooth",
+  cursorSmoothCaretAnimation: "on",
+  renderWhitespace: "selection",
+  renderLineHighlight: "all",
+  selectOnLineNumbers: true,
+  roundedSelection: true,
+  padding: { top: 16, bottom: 16 },
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontLigatures: true
+});
+var CodeEditor = (componentProps) => {
+  const {
+    language,
+    height,
+    theme: themeProp,
+    value,
+    onChange,
+    readOnly,
+    lineNumbers,
+    minimap,
+    fontSize,
+    wordWrap,
+    showToolbar,
+    autoFormat,
+    placeholder,
+    onSave,
+    dataTestId
+  } = resolveCodeEditorProps(componentProps);
+  const testId = makeTestId(dataTestId);
+  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });
+  const editorOptions = buildEditorOptions({
+    minimap,
+    fontSize,
+    isWrapped: editor.isWrapped,
+    lineNumbers,
+    readOnly
+  });
+  return /* @__PURE__ */ jsxs2(EditorContainer, { elevation: 2, "data-testid": dataTestId || "code-editor", children: [
+    showToolbar && /* @__PURE__ */ jsx2(
+      EditorToolbar,
+      {
+        language,
+        readOnly,
+        isWrapped: editor.isWrapped,
+        isCopied: editor.isCopied,
+        isFullscreen: editor.isFullscreen,
+        dataTestId,
+        onFormat: editor.handleFormat,
+        onCopy: editor.handleCopy,
+        onWrapToggle: editor.handleWrapToggle,
+        onFullscreenToggle: editor.handleFullscreenToggle
+      }
+    ),
+    /* @__PURE__ */ jsxs2(EditorWrapper, { fullscreen: editor.isFullscreen, "data-testid": testId("editor-wrapper"), children: [
+      placeholder && !value && /* @__PURE__ */ jsx2(PlaceholderOverlay, { "data-testid": testId("placeholder"), children: placeholder }),
+      /* @__PURE__ */ jsx2(
+        Editor,
+        {
+          height: editor.isFullscreen ? "100vh" : height,
+          language,
+          value,
+          onChange: (newValue) => onChange?.(newValue || ""),
+          theme: editor.editorTheme,
+          options: editorOptions,
+          onMount: editor.handleEditorDidMount,
+          loading: /* @__PURE__ */ jsx2(EditorLoading, {})
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  CodeEditor
+};
+//# sourceMappingURL=CodeEditor.js.map